» »

Красивая по стилю цитата для сайта

Красивая по стилю цитата для сайта

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

Код
<blockquote> Находится то самое описание, что выводите </blockquote>

Стили:

Код
/* New Blockquote */  
blockquote {text-align:justify;  
  font:italic normal 14px Arial, sans-serif;  
  margin:10px auto;min-height:60px;  
  width:572px;line-height:23px;}  
   
blockquote:before, blockquote:after {  
  display:inline-block;content:'';  
  background:no-repeat top center;  
  width:100%;height:21px;  
}  

blockquote:before {background-image:url(http://zornet.ru/Fresa/duk/cits.png);margin-bottom:10px;}  
blockquote:after {background-image:url(http://zornet.ru/Fresa/duk/cite.png);margin-top:12px;}  
/* ----------------- */

И отступы чуть поправил под себя.

(rip Бармен) - он же JoniDen
04.05.2017 Загрузок: 3 Просмотров: 549 Комментарий: (17)

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

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

Комментарий: 17
Scheme
Scheme 04.05.2017 23:181
0
Для чего в страницу ставить, ведь проще можно все сделать и установить в css.
-SAM-
-SAM- 04.05.2017 23:324
+3
Тут говорилось о том, чтобы делать привязку к конкретному модулю, если ставить в общую таблицу стилей - в других модулях тоже blockquote так видоизменит. Чтобы ставить в общую таблицу стилей и была привязка к модулю конкретному, то нужно где-то в блок контейнера шаблона страницы материала и комментариев к нему модуля прописать какой-то id или класс, чтобы писать перед стилями blockquote. Тут даже не вопрос что кому проще, просто так будет правильно (чем пихать в шаблон довески - потом на каждой странице оно). Ну, и естественно, что нет привязки к тематике сайта, а также нет эксклюзива для системы.
Лично я код сократил стили эти, так как не ясно зачем повторять одни и те же стили и прописывать несколько раз размер шрифта (там взаимоисключающее идёт). Вот так прописал:

Код
/* New Blockquote */
blockquote {text-align:justify;
    font:italic normal 14px Arial, sans-serif;
    margin:10px auto;min-height:60px;
    width:572px;line-height:23px;}
      
blockquote:before, blockquote:after {
    display:inline-block;content:'';
    background:no-repeat top center;
    width:100%;height:21px;
}

blockquote:before {background-image:url(http://zornet.ru/Fresa/duk/cits.png);margin-bottom:10px;}
blockquote:after {background-image:url(http://zornet.ru/Fresa/duk/cite.png);margin-top:12px;}
/* ----------------- */
И отступы чуть поправил под себя.
Kosten
Kosten 04.05.2017 23:405
+1
Бывает такое, что несколько раз пропишешь размер шрифта, если через браузер посмотреть, она все равно, точнее дубль будет не рабочим, и по этому согласен, можно убрать.
JoniDen
JoniDen 04.05.2017 23:526
+2
Ах ты хитрый все по полочкам разложил.
Kolinkor
Kolinkor 04.05.2017 23:242
0
Так здесь и не под темную можно сделать, идут 2 ссылки и водно, что можно их перекрасить, а почему только на новости, хотя с другой стороны, у каждого модуля свои цитаты, а что в страницу ставят, чтоб в стилях не было конфликта.
Марковичь
Марковичь 04.05.2017 23:283
0
Так не чего обычного в них нет, но все равно они отличаются от других, плюс!
JoniDen
JoniDen 04.05.2017 23:557
0
Парни! Все что я выкладываю, я выкладываю ради удовольствие. Не стоит говорить, что нет нечего особенного. Если хоть одному это пригодиться, я буду только рад.
Kolinkor
Kolinkor 05.05.2017 00:448
0
JoniDen, не думаю, что кто то будет говорить, что не могу установить, либо ты нормально установи, либо просто посмотри подойдет по дизайн или нет. А то поставят, он не подойдет по дизайн, и все, весь материал в хлам становиться, а не куда не уходит и ждет следующего.
JoniDen
JoniDen 05.05.2017 00:579
0
Это я отписался для того, чтобы не было вопрос. Например: «А зачем это, не особо ведь нужно».
Kosten
Kosten 05.05.2017 00:5810
0
Здесь всегда нужно учитывать и на светлый, просто светло зеленый оттенок с темным отлично сочетаться, есть и шаблоны такие.
JoniDen
JoniDen 05.05.2017 01:0511
0
Ведь это картинка, заходим в Photoshop, меняем цвет под светлый. И у тебя готова под светлый ресурс. 09a
Kosten
Kosten 05.05.2017 02:4112
0
Это точно, созданием сайта, пришлось фотошоп установить и освоить его, так поверхностно.)
Kosten
Kosten 05.05.2017 21:2813
0
Вообще понять не могу, где они больны отображаться, на тестовом проверил, не появились.
JoniDen
JoniDen 05.05.2017 21:3215
0
Эм чего?
-SAM-
-SAM- 05.05.2017 21:3616
0
Kosten, рабочие стили - я себе ставил даже. Нужно блок выделять в <blockquote> тут идёт текст цитаты какой-то </blockquote>.
Kosten
Kosten 05.05.2017 22:0517
0
Точно, вчера перелопатил интернет и читал эту информацию.
Kosten
Kosten 05.05.2017 21:2814
0
Да, стандартные убирал также и новые ставил, но работал через CSS.
avatar