Приветствую Вас Прохожий | RSS Пятница, 09.12.2016, 18:19
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


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



Статистика
Онлайн всего: 7
Гостей: 7
Пользователей: 0



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

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

Супер стили для шрифтов со стилями 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

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3046 | Комментарии: 2 | Рейтинг: 5.0/3 | |Категория: Материалы Веб мастер | Добавил: мир | Дата: 22.04.2011 | Скачали: 0 | Теги: стили, стилями, шрифтов, супер
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 2
2 feniks75   Дата: 02.02.2014  Время: 18:28   [№ 15205]
Отлично Спасибо

1 wuyma   Дата: 20.08.2011  Время: 15:26   [№ 10074]
жесть! спасибо


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

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru