DWWEB.RU
СКРИПТЫ

Стилизация title

Как декорировать title, стилизовать, изменить, в общем выберите тот вариант стилизации , изменения, трансформации, вывода title, который вам нравится!

Если вы не знаете что это такое – выводи информации при наведении мышки на объект, на что-либо…

Делается это так в коде… например ссылка

Код:

<a href="Здесь ссылка" title = "Здесь текст подсказки">Здесь текст ссылки</a>

Результат(наведите мышку на ссылку):

Как видим… довольно скучный вывод title - подсказки!

То, что я нашел в сети - стилизация title – это какие-то огромные коды… в общем…

Мы пошли другим путем!

У нас есть псевдо классы before и after. Добавляем в before – картинку, а в after стили…

Ну и вот, что у нас получилось.

Если вам нужно изменить цвет заднего фона и обводку... меняем в after

background: #FFCCAA;

border: 1px solid #FF3334;

Картинку. как было уже сказано меняем в before

background: url(/__a-data/__foto/css/title/critical.png) no-repeat;
Второй пример... Не забудь !
Название скрипта :Стилизация title
Скрипт № 71.1
Скачать - архив
Все скрипты на одной странице
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+ =
Подписаться
Теги:
Стилизация titleкак стилизовать атрибут title

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019