ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Красивая по стилю цитата для сайта

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

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

Код

<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 Мая 2017 Загрузок: 3 Просмотров: 1304 Комментариев: (17)

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

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

JoniDen

Похожие материалы

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

Комментарии: 17
Порядок вывода комментариев: Scheme 04 Мая 2017 23:18¹ 0 Для чего в страницу ставить, ведь проще можно все сделать и установить в css. -SAM- 04 Мая 2017 23:32⁴ +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 04 Мая 2017 23:40⁵ +1 Бывает такое, что несколько раз пропишешь размер шрифта, если через браузер посмотреть, она все равно, точнее дубль будет не рабочим, и по этому согласен, можно убрать. JoniDen 04 Мая 2017 23:52⁶ +2 Ах ты хитрый все по полочкам разложил. Kolinkor 04 Мая 2017 23:24² 0 Так здесь и не под темную можно сделать, идут 2 ссылки и водно, что можно их перекрасить, а почему только на новости, хотя с другой стороны, у каждого модуля свои цитаты, а что в страницу ставят, чтоб в стилях не было конфликта. Марковичь 04 Мая 2017 23:28³ 0 Так не чего обычного в них нет, но все равно они отличаются от других, плюс! JoniDen 04 Мая 2017 23:55⁷ 0 Парни! Все что я выкладываю, я выкладываю ради удовольствие. Не стоит говорить, что нет нечего особенного. Если хоть одному это пригодиться, я буду только рад. Kolinkor 05 Мая 2017 00:44⁸ 0 JoniDen, не думаю, что кто то будет говорить, что не могу установить, либо ты нормально установи, либо просто посмотри подойдет по дизайн или нет. А то поставят, он не подойдет по дизайн, и все, весь материал в хлам становиться, а не куда не уходит и ждет следующего. JoniDen 05 Мая 2017 00:57⁹ 0 Это я отписался для того, чтобы не было вопрос. Например: «А зачем это, не особо ведь нужно». Kosten 05 Мая 2017 00:58¹⁰ 0 Здесь всегда нужно учитывать и на светлый, просто светло зеленый оттенок с темным отлично сочетаться, есть и шаблоны такие. JoniDen 05 Мая 2017 01:05¹¹ 0 Ведь это картинка, заходим в Photoshop, меняем цвет под светлый. И у тебя готова под светлый ресурс. Kosten 05 Мая 2017 02:41¹² 0 Это точно, созданием сайта, пришлось фотошоп установить и освоить его, так поверхностно.) Kosten 05 Мая 2017 21:28¹³ 0 Вообще понять не могу, где они больны отображаться, на тестовом проверил, не появились. JoniDen 05 Мая 2017 21:32¹⁵ 0 Эм чего? -SAM- 05 Мая 2017 21:36¹⁶ 0 Kosten, рабочие стили - я себе ставил даже. Нужно блок выделять в <blockquote>* тут идёт текст цитаты какой-то </blockquote>. Kosten 05 Мая 2017 22:05¹⁷ 0 Точно, вчера перелопатил интернет и читал эту информацию. Kosten 05 Мая 2017 21:28¹⁴ 0 Да, стандартные убирал также и новые ставил, но работал через CSS.