Изменить Отображение Для Пролистывания Сообщений В Карточке Товара
#1
Отправлено 14 Октябрь 2012 - 20:06
#2
Отправлено 16 Октябрь 2012 - 06:57
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev { background-image: url("images/nyroModal.prev.gif"); } div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext { background-image: url("images/nyroModal.next.gif"); }
#3
Отправлено 16 Октябрь 2012 - 13:58
Vaccina (16 Октябрь 2012 - 06:57) писал:
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev { background-image: url("images/nyroModal.prev.gif"); } div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext { background-image: url("images/nyroModal.next.gif"); }
Скажите я ведь могу добавить туда более красивые стрелочки, большего размера. Ведь так?
Как это можно сделать?
#4
Отправлено 17 Октябрь 2012 - 10:51
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev { background-image: url("images/nyroModal.prev.gif") !important; } div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext { background-image: url("images/nyroModal.next.gif") !important; }
Вы можете задать любые стрелки. Просто загрузите изображения, и измените ссылки на эти изображения в выше приведенных классах.
#5
Отправлено 18 Октябрь 2012 - 01:27
#6
Отправлено 18 Октябрь 2012 - 15:33
/web/upload/forall/css/nyroModal/images/
Попробуйте код
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev { background-image: url("/web/upload/forall/css/nyroModal/images/nyroModal.prev.gif") !important; } div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext { background-image: url("/web/upload/forall/css/nyroModal/images/nyroModal.next.gif") !important; }
#7
Отправлено 18 Октябрь 2012 - 16:41
Vaccina (18 Октябрь 2012 - 15:33) писал:
/web/upload/forall/css/nyroModal/images/
Попробуйте код
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev { background-image: url("/web/upload/forall/css/nyroModal/images/nyroModal.prev.gif") !important; } div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext { background-image: url("/web/upload/forall/css/nyroModal/images/nyroModal.next.gif") !important; }
спасибо заработало. только стрелочки попробую приделать другие.
#8
Отправлено 25 Июнь 2014 - 10:52
Vaccina (18 Октябрь 2012 - 15:33) писал:
/web/upload/forall/css/nyroModal/images/
Попробуйте код
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev { background-image: url("/web/upload/forall/css/nyroModal/images/nyroModal.prev.gif") !important; } div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext { background-image: url("/web/upload/forall/css/nyroModal/images/nyroModal.next.gif") !important; }
При наведении на новые стрелочки (в галерее nyroModal) показываются стандартные, как решить?
#10
Отправлено 25 Июнь 2014 - 12:03
Castiel (25 Июнь 2014 - 11:40) писал:
240308
. Возможно я ошибаюсь и галерея другая, объясню проще - при клике на главное изображение товара открывается галерея в которой можно листать все изображения вместе с доп.фото. Необходимо чтобы стрелочки по бокам всегда были видны (люди не умеют листать).Поставив этот код стрелки стали как мне надо НО при наведении на них моя стрелка пропадает и появляется стандартная - вот это и проблема. Нужно чтобы и при наведении стрелка оставалась моей.
Вот код который у меня в стилях
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev { background-image: url("http://st.eleneva.ru/6/1203/916/prev6.png"); !important; } div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext { background-image: url("http://st.eleneva.ru/6/1203/915/next6.png"); !important; }
#11
Отправлено 25 Июнь 2014 - 12:16
Eleneva (25 Июнь 2014 - 12:03) писал:
номер тот же
240308
. Возможно я ошибаюсь и галерея другая, объясню проще - при клике на главное изображение товара открывается галерея в которой можно листать все изображения вместе с доп.фото. Необходимо чтобы стрелочки по бокам всегда были видны (люди не умеют листать).Поставив этот код стрелки стали как мне надо НО при наведении на них моя стрелка пропадает и появляется стандартная - вот это и проблема. Нужно чтобы и при наведении стрелка оставалась моей.
Вот код который у меня в стилях
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev { background-image: url("http://st.eleneva.ru/6/1203/916/prev6.png"); !important; } div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext { background-image: url("http://st.eleneva.ru/6/1203/915/next6.png"); !important; }
Они у вас отображаются, но при наведении меняются на стандартные
Для того чтобы исправить это В файле "main.css".
Найти:
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev { background-image: url("http://st.eleneva.ru/6/1203/916/prev6.png"); !important; } div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext { background-image: url("http://st.eleneva.ru/6/1203/915/next6.png"); !important; }
Заменить:
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev { background-image: url("http://st.eleneva.ru/6/1203/916/prev6.png"); } div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext { background-image: url("http://st.eleneva.ru/6/1203/915/next6.png"); } div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover { background-image: url("http://st.eleneva.ru/6/1203/916/prev6.png"); } div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover { background-image: url("http://st.eleneva.ru/6/1203/915/next6.png"); }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных