• Здравствуйте, уважаемые форумчане. Подскажите, пожалуйста, как изменить стандартный стиль всплывающих подсказок на сайте. Хотелось бы немного украсить и видоизменить некрасивый, стандартный стиль. Заранее благодарен.

Просмотр 6 ответов — с 1 по 6 (всего 6)
  • стандартный стиль всплывающих подсказок на сайте

    о каких подсказках и о каком сайте идет речь? В WP вроде бы нет никаких стандартных всплывающих подсказок. (Были когда-то такие при наведении на ссылку, но и их ликвидировали с версии WP 4.0) Если на вашем сайте есть всп. подсказки — вероятно они делаются плагином. Тогда и настраивать их надо в плагине.
    Или это встроено в текущую тему. Кстати какую тему?

    Были когда-то такие при наведении на ссылку, но и их ликвидировали с версии WP 4.0

    Эх, Константин. Всплывающие подсказки о которых говорите Вы (о чё говорит ТС я не знаю) — это функционал браузера, а не движка. И даже не html/css. А из ВП убрали атрибут ссылки title, по которому (но не единственному) браузер выводит подсказку.

    Пованговав, я предположу, что ТСу нужен onmouseover

    а я думаю title все-таки.
    пусть обработанный скриптами плагинов или темой — но title.

    это функционал браузера, а не движка. И даже не html/css. А из ВП убрали атрибут ссылки title, по которому (но не единственному) браузер выводит подсказку.

    Но в общих чертах я правильно сказал…По крайней мере доходчиво для автора вопроса.

    а я думаю title все-таки

    Уже три человека об этом думают больше, чем сам автор вопроса… :)))

    Здравствуйте, уважаемые! Не было возможности с вами раньше пообщаться, весь день был занят. Всем благодарен за то, что приняли участие в решении моего вопроса! Каждый в своем роде мою задумку понял, а заодно и я полностью разобрался. Всплывающие подсказки, которые появляются при наведении на картинку, или название статьи, я так понимаю это функционал браузера? Вот мне нужно что-то похожее, чтобы эти подсказки были в другом стиле.

    ну для ссылок можно использовать такой код:

    a[title]:hover:after {
      content: attr(title);
      padding: 4px 8px;
      color: #333;
      position: absolute;
      left: 0;
      top: 100%;
      z-index: 20;
      white-space: nowrap;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      -moz-box-shadow: 0px 0px 4px #222;
      -webkit-box-shadow: 0px 0px 4px #222;
      box-shadow: 0px 0px 4px #222;
      background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
      background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
      background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
      background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
      background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
      background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
    }

Просмотр 6 ответов — с 1 по 6 (всего 6)
  • Тема «Изменить стиль подсказок» закрыта для новых ответов.