[ Новые сообщения · Участники · Правила форума · Поиск · RSS ] []
  • Страница 1 из 1
  • 1
Модератор форума: TeRRoR, Jaguar09, natiQ  
Текст в стиле Web 2.0

Дата: Четверг, 01.01.2009, 09:25 | Сообщение # 1
natiQ

natiQ - соска тупая
Группа: Пользователи
Сообщений: 1566
« 0 »
Статус:

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

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

Code

.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

Code
<div class="cooltext">     
<b class="ct-top">текст</b>     
<b class="ct-bot">текст</b>     
<b class="ct-contur">текст</b>     
</div>



  • Страница 1 из 1
  • 1
Поиск: