Стили для всплывающего окна

nomak11

Постоялец
Регистрация
17 Ноя 2013
Сообщения
104
Реакции
13
Доброго дня. Помогите пожалуйста задать стили для всплывающего окна при наведении на картинку в галерее - Для просмотра ссылки Войди или Зарегистрируйся Если навести курсор на 6 картинку появится окно с текстом, вот как раз на это окно и текст я бы хотел повлиять.
 
Советую использовать вот этот скрипт:
Скрытое содержимое доступно для зарегистрированных пользователей!
 
пару вариантов решения вопроса:
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся
а текст прописан в title:
<a class="" href="/images/katalog/gallery/polsha/9/9- 6.jpg" data-lightbox="group:31-53a18f0f62cd0" title="9.6 Качественное красивое покрытие. Основной фон светло-коричневый с крупными вкраплениями шелка коричневого цвета. Спокойный пастельный оттенок. Есть в наличии."><img src="/cache/widgetkit/gallery/31/9- 6-31980b352b.jpg" width="170" height="121" alt="9- 6"></a>
 
пару вариантов решения вопроса:
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся
а текст прописан в title:
<a class="" href="/images/katalog/gallery/polsha/9/9- 6.jpg" data-lightbox="group:31-53a18f0f62cd0" title="9.6 Качественное красивое покрытие. Основной фон светло-коричневый с крупными вкраплениями шелка коричневого цвета. Спокойный пастельный оттенок. Есть в наличии."><img src="/cache/widgetkit/gallery/31/9- 6-31980b352b.jpg" width="170" height="121" alt="9- 6"></a>
Я попробовал сделать как здесь Для просмотра ссылки Войди или Зарегистрируйся , но не срабатывает. Не подскажете в чем мой косяк?
 
Доброго дня. Помогите пожалуйста задать стили для всплывающего окна при наведении на картинку в галерее - Для просмотра ссылки Войди или Зарегистрируйся Если навести курсор на 6 картинку появится окно с текстом, вот как раз на это окно и текст я бы хотел повлиять.

#lightbox-title.lightbox-title-float

вот этот стиль тебе менять надо
  1. background: rgba(0,0,0,0.7);
  2. color: red;
фон и цвет текста

допиши туда фонт и т.д. для изменения кернинга и кегля
 
#lightbox-title.lightbox-title-float

вот этот стиль тебе менять надо
  1. background: rgba(0,0,0,0.7);
  2. color: red;
фон и цвет текста

допиши туда фонт и т.д. для изменения кернинга и кегля
Сделал так, но не помогло...(
 
Сделал так, но не помогло...(
Смотри, что б узнать стиль, который надо менять наведи мышкой на елемент нажми правой клавишей и там пункт в конце "Проверить елемент" или "Проинспектировать елемент" или "Доследить елемент", это уже зависит от браузера.... не важно.
Тогда откроеться веб-инспектор он же вызывается по ф12, но если через доследить, то откроется сразу тот кусок кода который отвечает за этот елемент. Слева будет штмл верстка страницы, и посдвечен твой елемент, справа откроется таблица цсс стилей, вот там и увидишь свои класы, иды, для того или другого елемента. Инспектируй и тренируйся. Один раз поймешь, дальше проще будет :) Изменять стили можно сразу же в этом окне, если работаешь с денвером на локалке, то сохранить файл цсс сразу и все ок. Если работаешь с хостом, тогда применяешь/експериментируешь/запоминаешь, что где имезнил и потом изменяешь уже соответствующие строки в файлах на хосте.
 
Смотри, что б узнать стиль, который надо менять наведи мышкой на елемент нажми правой клавишей и там пункт в конце "Проверить елемент" или "Проинспектировать елемент" или "Доследить елемент", это уже зависит от браузера.... не важно.
Тогда откроеться веб-инспектор он же вызывается по ф12, но если через доследить, то откроется сразу тот кусок кода который отвечает за этот елемент. Слева будет штмл верстка страницы, и посдвечен твой елемент, справа откроется таблица цсс стилей, вот там и увидишь свои класы, иды, для того или другого елемента. Инспектируй и тренируйся. Один раз поймешь, дальше проще будет :) Изменять стили можно сразу же в этом окне, если работаешь с денвером на локалке, то сохранить файл цсс сразу и все ок. Если работаешь с хостом, тогда применяешь/експериментируешь/запоминаешь, что где имезнил и потом изменяешь уже соответствующие строки в файлах на хосте.
Я знаю это, просто не могу найти нужный элемент и прошу в этом помощи.
 
Я знаю это, просто не могу найти нужный элемент и прошу в этом помощи.
%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-06-18%2022.45.30.png
Ну вот смотри, за тем стилем, что тебе написал, у меня все изменяется во вьюпорте

Для просмотра ссылки Войди или Зарегистрируйся
 
Хм, но я не про этот текст. Я про подсказку, которая появляется при наведении на картинку, на странице с тизерами, а не при нажатии.
 
Назад
Сверху