На портале уже 561 , зарегистрировано 9843 и написано 803 .
Мини-чат как на DLE ...
Иконки на различную ...
Музыкальный плеер дл...
Гостевая книга
Требуется персонал!
Главная страница Архив всех материалов Скрипты для uCoz - Scripts for uCoz Текст в стиле Web 2.0

Текст в стиле Web 2.0

  • Добавил: Scripts_For_uCoz
  • Дата: 2017-07-20, 9:24 PM
  • Комментариев: 0
  • Просмотров: 1074
Скриншот материала «Текст в стиле Web 2.0»

Из картинки ясно, каков будет результат.

Проверял в браузерах - Опера 9.25, ФФ 2.0, и ИЕ 7, возможно без проблем будет работать и в других версиях, но у меня под рукой их не оказалось. Лучше всего конечно он смотрится в ИЕ из-за его умения красиво зглаживать шрифты
css

Код: 
.cooltext {  
  position: relative;  
  height: 23px;  
}  
.ct-top,.ct-bot,.ct-contur {  
  font: bold 20px Tahoma;  
  display: inline-block;  
  position: absolute;  
}  
.ct-top {  
  color: #f19193;  
  overflow: hidden;  
  height: 13px;  
  top: 0px;  
  left: 0px;  
  z-index: 999;  
}  
.ct-bot {  
  color: #b41118;  
  z-index: 888;  
}  
.ct-contur {  
  top: 1px;  
  left: 1px;  
  color: #8c1517;  
  z-index: 777;  
}

HTML

Код: 
<div class="cooltext">  
<b class="ct-top">текст</b>  
<b class="ct-bot">текст</b>  
<b class="ct-contur">текст</b>  
</div>


Будьте внимательны! Этот материал «Текст в стиле Web 2.0» из раздела «Скрипты для uCoz - Scripts for uCoz» является уникальной собственностью проекта www.ucozzz.ru, поэтому, при частичном или полном копировании, Вы обязаны установить ссылку на наш портал, как источник материала.
Похожие материалы
Материал «Текст в стиле Web 2.0» ещё никто не комментировал!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]