» »

Оригинальный стиль цитаты по дизайн


Оригинальный стиль цитаты по дизайн

Эта цитата отличается от других и идет под оригинальный дизайн. Где только вверх и низ сделан обводом и к ним прикреплена тень. Сам обвод сделан в закругленным углом, что красиво получилось, а по правую и левую сторону идет оттенок светлый, где немного просматривается полоса и придает основную стилистику цитате.

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

Здесь мы видим, как реально выглядит.

Вывести стильную цитату на сайте

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

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

Код
<blockquote> Выводим форму и ставим в любое описание под материал </blockquote>

CSS:

Код
blockquote {  
  background-color:#f8f8ff;  
  border-top: #4156c5 3px solid;  
  border-bottom: #4156c5 3px solid;  
  font-size: 14px;  
  margin: 10px 40px;  
  color: #444444;  
  padding: 15px;  
  border-radius: 10px;  
  -o-border-radius: 10px;  
  -moz-border-radius: 10px;  
  -webkit-border-radius: 10px;  
  box-shadow: 0px 5px 10px #ccc;  
  -moz-box-shadow: 0px 5px 10px #ccc;  
  -webkit-box-shadow: 0px 5px 10px #ccc;  
}

Как можно заметить, по установке все быстро можно сделать. Но кто желает эту функцию под кнопку поставить, все возможно сделать
14.05.2017 Просмотров: 344 Комментарий: (6)

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

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

Комментарий: 6
tsakonter
tsakonter 15.05.2017 00:071
0
Они все по своему оригинальны, этот просто сделан как то не привычно.
Марковичь
Марковичь 15.05.2017 00:122
0
Вот это больше остальных оформление подойдет.
Gerat
Gerat 17.05.2017 16:185
0
Здесь точно сказано, под оформление, просто прекрасно подойдет.
Kosten
Kosten 17.05.2017 19:026
0
Так в описание про оформление написано, да и вообще такие каркасы всегда можно установить и на цитату и на описание.
Brung
Brung 15.05.2017 01:083
0
Какие то параллели, не очень для цитаты, хотя как понятно, это оформление.
Kosten
Kosten 15.05.2017 01:104
0
Сейчас залью, что реально на цитату похоже, но установка такая, но если стили не переписать.
avatar