Главная » 2013 » Январь » 27 » Простые подсказки на css3 для uCoz (Скрипты для ucoz)
27.01.2013, 01:52

Простые подсказки на css3 для uCoz




Замечательные простые подсказки на css3 без использования скриптов и прочих лишних премудростей

Установка:

В самый низ вашего css вставляйте:

Код
*[title] {
  display: inline;
  position: relative;
  }
   
  *[title]:hover:after{
  background: #555;
  background: rgba(0,0,0,0.8);
  border-radius: 3px;
  bottom: 26px;
  color: #fff;
  content: attr(title);
  left: 20%;
  padding: 5px 15px;
  position: absolute;
  z-index:999999999;
  min-width: 120px;
  min-height:25px;
  }
   
  *[title]:hover:before{
  border: solid;
  border-color: #333 transparent;
  border-width: 6px 6px 0 6px;
  bottom: 20px;
  content: "";
  left: 50%;
  position: absolute;
  z-index: 99;
  }
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: apo-ucoz.com
Категория: Скрипты uCoz | Просмотров: 1600 | Добавил: sold93 | Рейтинг: 5.0/1 |
Теги: uCoz, На, подсказки, CSS3, Простые, для
Всего комментариев: 3
0  
1 LexaBLR   (27.01.2013 02:37) [Материал]
Аватар пользователя
Бес использования JS - это куль!=))

0  
2 LexaBLR   (27.01.2013 02:38) [Материал]
Аватар пользователя
"ну я грамотей"... biggrin

0  
3 -=WaMpIr=-   (27.01.2013 09:36) [Материал]
Аватар пользователя
Круто, но не на всех titl'ах работает почему-то... cry

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]