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



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

#1 magnet

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

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

Добрый день.

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

2015-04-18_130942.png

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


 

 

  • 0


#2 Ixman

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

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

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


  • 0

#3 DeHuC_64

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

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

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


  • 0

#4 hnerd

hnerd
  • Пользователь
  • 284 сообщений
  • Репутация: 18

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

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


  • 0

#5 magnet

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

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

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

 

 

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

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


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

  • 0


#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