Меню сайта |
|
|
|
Категории каталога |
|
|
|
Мини-чат |
|
|
|
Наш опрос |
|
|
|
|
Двойные кавычки для цитаты
В этом уроке мы будем учиться делать цитаты в красивых кавычках с использованием 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)
| Автор: Евгений Попов
|
Просмотров: 552
| Рейтинг: 0.0/0 |
|
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|
|
Форма входа |
|
|
|
Поиск |
|
|
|
Статистика |
|
Онлайн всего: 1 Гостей: 1 Пользователей: 0 |
|
|