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

Тема в разделе "Верстка", создана пользователем nomak11, 18 июн 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. nomak11

    nomak11 Постоялец

    Регистр.:
    17 ноя 2013
    Сообщения:
    99
    Симпатии:
    9
    Доброго дня. Помогите пожалуйста задать стили для всплывающего окна при наведении на картинку в галерее - http://new.decoroboi.by/katalog/poldecor/item/tip-9 Если навести курсор на 6 картинку появится окно с текстом, вот как раз на это окно и текст я бы хотел повлиять.
     
  2. Skilz

    Skilz Создатель

    Регистр.:
    9 дек 2010
    Сообщения:
    15
    Симпатии:
    2
    Советую использовать вот этот скрипт:
     
  3. e80

    e80 Постоялец

    Регистр.:
    16 июл 2012
    Сообщения:
    58
    Симпатии:
    15
    пару вариантов решения вопроса:
    http://habrahabr.ru/sandbox/69730/
    http://htmlbook.ru/faq/mozhno-li-izmenit-vid-vsplyvayushchey-podskazki
    а текст прописан в 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>
     
  4. nomak11

    nomak11 Постоялец

    Регистр.:
    17 ноя 2013
    Сообщения:
    99
    Симпатии:
    9
    Я попробовал сделать как здесь http://htmlbook.ru/faq/mozhno-li-izmenit-vid-vsplyvayushchey-podskazki , но не срабатывает. Не подскажете в чем мой косяк?
     
  5. snooper

    snooper Постоялец

    Регистр.:
    2 июн 2014
    Сообщения:
    67
    Симпатии:
    19
    #lightbox-title.lightbox-title-float

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

    допиши туда фонт и т.д. для изменения кернинга и кегля
     
  6. nomak11

    nomak11 Постоялец

    Регистр.:
    17 ноя 2013
    Сообщения:
    99
    Симпатии:
    9
    Сделал так, но не помогло...(
     
  7. snooper

    snooper Постоялец

    Регистр.:
    2 июн 2014
    Сообщения:
    67
    Симпатии:
    19
    Смотри, что б узнать стиль, который надо менять наведи мышкой на елемент нажми правой клавишей и там пункт в конце "Проверить елемент" или "Проинспектировать елемент" или "Доследить елемент", это уже зависит от браузера.... не важно.
    Тогда откроеться веб-инспектор он же вызывается по ф12, но если через доследить, то откроется сразу тот кусок кода который отвечает за этот елемент. Слева будет штмл верстка страницы, и посдвечен твой елемент, справа откроется таблица цсс стилей, вот там и увидишь свои класы, иды, для того или другого елемента. Инспектируй и тренируйся. Один раз поймешь, дальше проще будет :) Изменять стили можно сразу же в этом окне, если работаешь с денвером на локалке, то сохранить файл цсс сразу и все ок. Если работаешь с хостом, тогда применяешь/експериментируешь/запоминаешь, что где имезнил и потом изменяешь уже соответствующие строки в файлах на хосте.
     
  8. nomak11

    nomak11 Постоялец

    Регистр.:
    17 ноя 2013
    Сообщения:
    99
    Симпатии:
    9
    Я знаю это, просто не могу найти нужный элемент и прошу в этом помощи.
     
  9. snooper

    snooper Постоялец

    Регистр.:
    2 июн 2014
    Сообщения:
    67
    Симпатии:
    19
    [​IMG] Ну вот смотри, за тем стилем, что тебе написал, у меня все изменяется во вьюпорте

    https://www.dropbox.com/s/uao34r3pg13z8fw/Скриншот 2014-06-18 22.45.30.png
     
  10. nomak11

    nomak11 Постоялец

    Регистр.:
    17 ноя 2013
    Сообщения:
    99
    Симпатии:
    9
    Хм, но я не про этот текст. Я про подсказку, которая появляется при наведении на картинку, на странице с тизерами, а не при нажатии.