» »

Темный хинт подсказки на CSS для uCoz


Темный хинт подсказки на 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>


Вот такое небольшое приложение, которое будет отлично смотреться в любом описание.
01.04.2016 Просмотров: 505 Комментарий: (3)

Поделиться в социальных сетях

Материал разместил

Комментарий: 3
Сафрон
Сафрон 01.04.2016 23:521
0
Если в титле написать больше, так он будет огромный. biggrin
Tergran
Tergran 01.04.2016 23:552
0
Но если больше, то лучше в самой статье написать, а в хинт заложить ключевые слова, чтоб понятно было, куда ты переходишь, здесь все понятно, но не когда просто не думал, что можно его так применить, что здорово, оригинально получиться.
Kosten
Kosten 02.04.2016 02:553
0
Также можно поменять оттенок цвета, если темный не подходит под дизайн сайта, и выставить тот, который нужен, в стилях все поменять, там прописано.
avatar