Пятница, 17.05.2024, 10:39
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    «  Октябрь 2009  »
    ПнВтСрЧтПтСбВс
       1234
    567891011
    12131415161718
    19202122232425
    262728293031
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Октябрь » 21 » Текст в стиле Web 2.0
    23:56
    Текст в стиле Web 2.0
    Проверял в браузерах - Опера 9.25, ФФ 2.0, и ИЕ 7, возможно без проблем будет работать и в других версиях, но у меня под рукой их не оказалось. Лучше всего конечно он смотрится в ИЕ из-за его умения красиво зглаживать шрифты

    В css ставим:

    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>
    Категория: скрипты для ucoz сайта | Просмотров: 281 | Добавил: CCUMC | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]