Приветствую Вас Прохожий | RSS

Пятница, 10.05.2024, 00:17

Меню сайта

Гостевая сайта

РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА

Категории раздела

Программы Веб мастер [49]

Материалы Веб мастер [17]

Утелиты Веб мастер [3]

Разное Веб мастер [40]

Мини-чат

Все вопросы задаем в форуме,
здесь они игнорируются!

Блок спам рекламы

Сайт села Екатерининско* .

Фильмы, сериалы торрент .

НОВИНКИ 2019 В FULLHD 4* .

Лучшее Хип-Хоп радио St* .

ФИЛЬМЫ ОНЛАЙН В HD! .

Облачный майнинг HF18BD* .

Сайт за 6000 wmr .

http://ucozon.ru/forum/* .

Lineagw 2: Revolution .

Фильмы на планшет торре* .

Добавлять могут только пользователи зарегистрированные 15 суток.

Статистика

Онлайн всего: 1

Гостей: 1

Пользователей: 0

Кто нас сегодня посетил
Статистика посетителей
Подписка на новости
День рождения

Главная » Файлы » Для веб мастера » Материалы Веб мастер

Супер стили для шрифтов со стилями CSS

Уровень 3 CSS обладает свойством 'text-shadow' для добавления тени на каждую букву любого текста.
Для стиля при помощи двух правильно расположенных темной и светлой теней эффект будет полезным
Стили и Тени можно сделать более читаемыми, если контраст между передним слоем и задним слоем небольшой.
1часть примера

Вот такой вот пример http://ucozon.ru/faq

Стильный и красивый http://ucozon.ru/faq

Сам стиль

Code

div.example6 {background: #CCC; padding: 1em}
h3.example6a {color: #D1D1D1; text-shadow: -1px -1px white, 1px 1px #333}
h3.example6b {color: #D1D1D1; text-shadow: 1px 1px white, -1px -1px #333}

Вывод стиля в текст

Code

<div class="example6">
<h3 class="example6a">Вот такой вот пример</h3>
<h3 class="example6b">Стильный и красивый</h3>
</div>

2 часть примера

Без тени:

Вот такой вот пример http://ucozon.ru/faq

С тенью:

Стильный и красивый http://ucozon.ru/faq

Сам стиль

Code

  div.example4 {background: #CCF; padding: 1em}
  h3.example4a {color: white}
  h3.example4b {color: white; text-shadow: black 0.1em 0.1em 0.2em}

Сам вывод

Code

<div class="example4">

Без тени:
</p><h3 class="example4a">Вот такой вот пример</h3>

С тенью:
</p><h3 class="example4b">Стильный и красивый</h3>
</div>

3 частьпримера

Вот такой вот примерhttp://ucozon.ru/faq

Стильный и красивыйhttp://ucozon.ru/faq

Сам стиль

Code

  div.example7 {background: #CCF; padding: 1em}
  h3.example7a {color: blue; text-shadow: -1px 0 black, 0 1px black,
  1px 0 black, 0 -1px black}
  h3.example7b {color: #BBE; text-shadow: -1px 0 black, 0 1px black,
  1px 0 black, 0 -1px black}

Вывод стиля

Code

<div class="example7">
<h3 class="example7a">Вот такой вот пример</h3>
<h3 class="example7b">Стильный и красивый</h3>
</div>

Автор\Источник: ucozon.ru
Для того что бы скачать архив необходимо зайти на сайт как пользователь.