» »

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


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

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

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

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