Оформление цитат. Все очень просто.

источник

На самом деле все очень просто когда тебе все доступно объяснят. И иногда ломаешь голову и пытаешься изобрести заново велосипед, что не всегда удается.

Итак о оформлении цитат.Наиболее привычный вид цитаты - это наклонный текст или фон ввиде кавычки. А вот дизайн кавычки - полностью фантазия блоггера.

CSS kod:
blockquote {
border: dotted #666 1px;
border-left:solid #ff5a00 5px;
margin:10px 40px;
padding:15px;
color:#333;
font-style:italic;
font-size:14px;
background:#fcfcfc;
}



Надеюсь все понятно.

Для фона (картинки) добавляем:

background-image: url(images/closequote1.gif);

либо полный адресс

background-image: url(http://dellnu.blogspot.com/dellnu.gif);

А еще лучше выравнить по краю так:

background-image: url(images/closequote1.gif);
background-repeat: no-repeat;
background-position: bottom right;

или так

background-color: #000;
background-image: url(images/openquote5.gif);
background-position: middle left;
background-repeat: no-repeat;

можно, чтобы код был короче вот так:

background: #000 url(images/openquote5.gif) no-repeat top left;

В HTML коде вставляем в тегах <blockquote> текст </blockquote>

Подробнее с различными примерами смотрим здесь

____________________________________________________________________________________________________

Поделиться

____________________________________________________________________________________________________

Похожие по тематике статьи :

*

• Выводим теги для блога в виде выпадающего списка
• Вывод похожих (схожих) тем (постов)
• Тюнинг шаблона
• Всплывающая при наведении курсора панель навигации Blogger
• Как сделать другой рисунок при наведении курсора?
• Растягиваем на примере шаблона "Minima" блог по ширине окна браузера
• Установка Google Friend Connect на Blogger
• Виджет Вертикальное Scroll Menu для Blogger
• Flash-8(Preloader)"прелоадер", Preloader-показатель загрузки объекта

.