Всё для дизайна

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Всё для дизайна » Теги, коды, скрипты » Двойные кавычки для цитаты (CSS)


Двойные кавычки для цитаты (CSS)

Сообщений 1 страница 3 из 3

1

В этом уроке мы будем учиться делать цитаты в красивых кавычках с использованием CSS.

Пример блока с цитатой Вы можете посмотреть ЗДЕСЬ

Реализация данного метода состоит из HTML+CSS частей и 2-х изображений.

HTML часть:

Код:
<blockquote>Ваш текст</blockquote>

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;
  

  }

Шрифты и пути к изображениям можете изменить, если в этом появится необходимость.

Изображения:

http://www.ruseller.com/lessons/1458quote/quote/img/close-qu.gif   http://www.ruseller.com/lessons/1458quote/quote/img/open-quo.gif

Сохраните картинки через меню правой кнопки мыши "Сохранить рисунок как".

взято

0

2

:rolleyes: спасибки за урок))

0

3

всегда пожалуйста!

0


Вы здесь » Всё для дизайна » Теги, коды, скрипты » Двойные кавычки для цитаты (CSS)