Перейти к содержимому



Картинка в анкоре

#1

Поделиться сообщением #1



magnet

magnet
  • Пользователь PRO
  • 1 265 сообщений
  • Репутация: 228
0

Отправлено 18 Апрель 2015 - 12:16

Добрый день.

Хочу в виджете сделать полезные ссылки, как на скрине.

2015-04-18_130942.png

Вопрос, как добавить картинки к анкорам в виджете, если это возможно?


 

 

  • 0


robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Картинка в анкоре
  2. Естественные анкоры
  3. Безанкорное продвижение сайта
  4. Советы по выводу сайтов из-под фильтров ГУГЛа
  5. Влияет ли анкоры ссылок на ТИЦ

#2

Поделиться сообщением #2



Ixman

Ixman
  • Пользователь PRO
  • 2 511 сообщений
  • Репутация: 585

Отправлено 18 Апрель 2015 - 17:20

На а как в виджет ссылки добавляются?


  • 0


#3

Поделиться сообщением #3



DeHuC_64

DeHuC_64
  • Пользователь
  • 459 сообщений
  • Репутация: 41

Отправлено 18 Апрель 2015 - 19:23

прописать класс к ссылке, а в стиля добавить изображение, можно так вроде :)


  • 0

#4

Поделиться сообщением #4



hnerd

hnerd
  • Неактивные
  • 284 сообщений
  • Репутация: 18

Отправлено 20 Апрель 2015 - 14:01

Так виджет же все-равно - html код может быть. Вот и добавь туда картинки в точности, как баннеры добавляются. А можешь класс прописать как сказано выше, если ты знаешь html и css конечно. Или в редакторе кода.


  • 0

#5

Поделиться сообщением #5



magnet

magnet
    Topic Starter
  • Пользователь PRO
  • 1 265 сообщений
  • Репутация: 228

Отправлено 21 Апрель 2015 - 12:19

И так, я понял, что лучше обойдусь без картинок))

 

 

Вот и добавь туда картинки в точности, как баннеры добавляются

С баннером все понятно: есть код баннера, а как таким примером реализовать эти картинки не могу понять?


Сообщение отредактировал magnet: 21 Апрель 2015 - 12:20

  • 0


#6

Поделиться сообщением #6



hnerd

hnerd
  • Неактивные
  • 284 сообщений
  • Репутация: 18

Отправлено 21 Апрель 2015 - 13:25

С баннером все понятно: есть код баннера, а как таким примером реализовать эти картинки не могу понять?

 

Заходишь в медиафайлы, загружаешь туда картинки и копируешь на них ссылки.

Далее можно написать следующий код для 1 полезной ссылки:

У нее будет такой вид: картинка ссылка

А код будет такой:

<div class="useful_link">
      <img src="тут ссылка на изображения" alt="" />
        <a href="полезная ссылка">анкор</a>
</div>

Сколько полезных ссылок - столько раз код вставляешь.

 

При этом в css следует это прописать:

.useful_link {overflow:hidden;}
.useful_link img, .useful_link a {float: left;}

  • 0


Оформление форума – IPBSkins.ru