Jump to content


Photo
- - - - -

Как сделать значок "Лупы" над изображением в шаблоне FULL


Best Answer sc , 03 June 2014 - 12:37

Добавьте в jbzoo.css или свой файл шаблона:

.jbzoo a:hover > img {
cursor: -webkit-zoom-in;
}
Go to the full post


  • This topic is locked This topic is locked
4 replies to this topic

#1 Гордей

Гордей
  • JBZoo User (rus)
  • User rate: 0
  • posts: 60
  • topics: 28

Posted 03 June 2014 - 12:30

Собственно вопрос.

Как сделать значок "Лупы" над изображением только в шаблоне FULL.

Вот сайт.

Подскажите какой CSS файл править, и какую строку?

У меня сейчас не получается, либо на всех изображениях выводится либо ни где.

Картинка лупы тут лежит - ../images/magnifier.png

 

 


  • 0

#2 sc

sc
  • JBZoo User (rus)
  • User rate: 2.4
  • posts: 163
  • topics: 26

Posted 03 June 2014 - 12:37   Best Answer

Добавьте в jbzoo.css или свой файл шаблона:

.jbzoo a:hover > img {
cursor: -webkit-zoom-in;
}

  • 0

yootheme-logo.png
Лицензирование YOOtheme (шаблоны, Widgetkit, ZOO). А так же самые свежие обновления напрямую от ZOOlanders, SH404SEF, Akeeba Backup PRO, Admin Tools PRO, Accordion Menu и д.р. Пишите в ЛС


#3 Гордей

Гордей
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0
  • posts: 60
  • topics: 28

Posted 03 June 2014 - 12:49

Спасибо, за быстрый ответ.

Решение помогло.  :)


  • 0

#4 Apoca1ypto

Apoca1ypto
  • JBZoo User (rus)
  • User rate: 1.5
  • posts: 149
  • topics: 16

Posted 03 June 2014 - 12:54

К сожалению не во всех браузерах данный стиль будет работать, а только в тех, которые посмотрены на платформе webkit.
  • 0

Во время спора в Интернете Ваш оппонент приводит неопровержимые доказательства своей точки зрения? Не отчаивайтесь. До...тесь до орфографии.


#5 Гордей

Гордей
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0
  • posts: 60
  • topics: 28

Posted 03 June 2014 - 12:56

А такой вопрос, можно ли сделать так чтобы значок лупы был не только на активном изображении, но и просто всегда отображался только над картинкой в full?


  • 0




Click to return to top of page in style!