Темный хинт подсказки на CSS для uCoz
Эти стили относятся только к точечной подсказки, что при наведение появляется хинт. И в нем уже написано, то что вы прописали при установки материала или написание мануала. А если быть точнее, вы на ссылку можете поставить его, и в нем будет отряжаться суть, куда переходите или что будет скачено, но как уже сказано, что сами опишите. Можно безусловно его применить в любом описание, где применяется ссылка, чтоб перейти на другую страницу. Есть еще один совет по этой теме и установке хинт, только под другим ракурсом.И по своему дизайн сделано в темной гамме, что даже есть вид, откуда начинается, а не просто стандартный. Установка и как работать с ним: Для начало в CSS нужно установить стили. Код .tooltip {display:inline;position:relative;top:70px;} .tooltip:hover:after {background:#333;background:rgba(0,0,0,.8);border-radius:5px;bottom:26px;color:#fff; content:attr(title);left:20%;padding:5px 15px;position:absolute;z-index:4;width:220px;} .tooltip:hover:before {border: solid;border-color:#333 transparent; border-width:6px 6px 0 6px;bottom:20px;content:"";left:50%;position:absolute;z-index:5;} Теперь сам код, тот который на изображение. Код <a href="http://zornet.ru/" title="Проверка хинт на сайте" class="tooltip"><span title="">ZORNET.Ru</span></a> Вот такое небольшое приложение, которое будет отлично смотреться в любом описание. |
Поделиться в социальных сетях
Материал разместил
Комментарии: 3 | |
| |