| | | | | |
Стилизация title
2019/05/27
Марат
1738
0
CSS |
Как декорировать 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;
Второй пример...
Посмотреть пример и скачать можно по ниже идущей ссылке
Скрипт № 66.1
Название скрипта и номер :Стилизация title
Пример -
Стилизация titleСкачать -
архив
Все скрипты на
одной страницеС вашими куками, что-то не то..., попробуете перезагрузить страницу..
Теги:
Стилизация title