| Меню сайта |
 |
|
|
 |
| Категории каталога |
|
|
|
| Мини-чат |
|
|
|
|
| Наш опрос |
|
|
|
|
Двойные кавычки для цитаты
В этом уроке мы будем учиться делать цитаты в красивых кавычках с использованием CSS.
Пример блока с цитатой Вы можете посмотреть здесь http://ruseller.com/examples/quote/quote.php
Реализация данного метода состоит из HTML+CSS частей и 2-х изображений.
HTML часть:
Ваш текст
CSS часть:
blockquote {
font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
width: 400px;
background: url(img/close-qu.gif) no-repeat right bottom;
padding-left: 18px;
text-indent: -18px;
}
blockquote:first-letter {
background: url(img/open-quo.gif) no-repeat left top;
padding-left: 18px;
font: normal 1.4em Georgia, "Times New Roman", Times, serif;
}
Шрифты и пути к изображениям можете изменить, если в этом появится необходимость.
Изображения:
 
Сохраните картинки через меню правой кнопки мыши "Сохранить рисунок как".
|
| Категория: CSS | Добавил: Денис (10.08.2008)
| Автор: Евгений Попов
|
| Просмотров: 524
| Рейтинг: 0.0/0 |
|
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ] |
|
| Форма входа |
|
|
|
| Поиск |
|
|
|
|
| Статистика |
|
Онлайн всего: 1 Гостей: 1 Пользователей: 0 |
|
|
Главная 
