ZorNet.Ru — сайт для вебмастера » HTML и CSS » Красивый стиль цитаты на описание сайта

Красивый стиль цитаты на описание сайта

Красивый стиль цитаты на описание сайта
Еще один красивый по дизайн стиль цитаты под описание на сайте или по своему назначению, так как по стилистике сделан под оформление. Идет в темном цвете, и также с левой стороны здесь будет горизонтальная полоса в зеленом оттенке цвета, где с прерывистой линией.

Здесь можно сделать сам стиль оригинальным, это или просто изменить цвет, где будут находиться знаки, что будет уникально смотреться. Или взять и перекрасить саму линию, так как это идет изображение и левая сторона аналогична, что если менять, то не вся цветовая гамма выводится на CSS самом.

Рассмотрим как можно вывести.

Это будет по умолчанию, что на темный сайт и на светлый идет, а если в самом дизайн, есть зеленые элементы, то отлично.

Темная цитата с оформлением

Так уже можно самому сделать:

Создать цитату на сайте

Приступаем к установке:

Здесь также задействуем blockquote, это будем заключать описание в этот класс.

Код
<blockquote> Вот так должно быть и описание здесь, и ставим в сам блог, модуль </blockquote>

Остается подключить CSS:

Код
blockquote {  
  background: url(http://zornet.ru/zorner_ru_1/Veb/green-black-side.gif) repeat-y #484b52;  
  margin: 0 20px;  
  padding: 20px 20px 20px 50px;  
  color:#C7CACF;  
  font-size:14px;  
  border-radius: 5px;  
  -o-border-radius: 5px;  
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;  
}

Для того, чтоб задействовать такой формат оформление на форуме, то все также делаем, только описание на BBкодах будет. И после этого появиться, или под кнопки заточить, но лучше сделать отдельный файл под стили, и можно несколько цитат применять.
15 Мая 2017 Просмотров: 1842 Комментариев: (6)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 6
Kolinkor
Kolinkor 15 Мая 2017 01:481
0
По дизайн, больше похоже на цитату, и вообще она должна быть такой.
Scheme
Scheme 15 Мая 2017 01:532
0
Если переписать и под форум сделать, это же возможно, и заменить просто в CSS и как понял, только поменять blockquote, на стандартное, то по идее все должно получиться.
Scheme
Scheme 15 Мая 2017 01:533
0
Хотя уже немного надоели, вообще стандартное нормально.
Марковичь
Марковичь 15 Мая 2017 01:594
0
Но видать нет материала, но почему цитаты не материал, просто удобнее сделать все в одной теме.
tsakonter
tsakonter 15 Мая 2017 02:065
0
Но зеленый цвет и темный, они вмести не чего смотрятся, не зря же ранее рисовали шаблоны в таком оттенке.
trem200
trem200 29 Мая 2017 14:316
0
Очень красиво выглядит, немного изменить, и всё будет смотреться на сайте идеально.
avatar