ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Вид цитаты два разных стиля для uCoz

Вид цитаты два разных стиля для uCoz

Приветствую и сразу хочется вам предложить посмотреть Вид цитаты два стиля для uCoz только под светлый дизайн. Они можно сказать созданы почти одинаково, но CSS у них отличается. Так как у одного скрипта одна ссылка у второго немного больше. Просто будет еще сам значок и в этом заключается сам дизайн. Если стандарт уже не подходит, то можете эти поставить и посмотреть как будет выглядеть на ресурсе.

Давайте устанавливать, копируем что вам нужно и ставим в CSS где не чего не нужно убирать.

1)

Код

.bbQuoteBlock {
  display:block;
  border:1px solid #68B4CE;
  margin:10px;
  padding:0 10px 0 20px;
  background: #E7F6FB url('https://zornet.ru/SKRIPT/Stule/code.gif') repeat;
  -moz-box-shadow: 1px 1px 0 #d3eef7;
  -webkit-box-shadow: 1px 1px 0 #d3eef7;
  box-shadow: 1px 1px 0 #FFF;
  font-size:12px;
  line-height:21px;
  font-family:arial, helvetica, sans-serif;
  font-style:italic;
  color:#747474;
  position:relative;
  border-radius: 5px;
}
.bbQuoteName {
  position:absolute;
  top:1px;
  left:35px;
}
.quoteMessage {
  border:0 none !important;
  border-left:4px double #2891A9 !important;
  display:block;
  padding:23px 10px 9px 15px;
  word-wrap:break-word;
}

Теперь цитата, которая стоит на официальном сайте.

Код

.bbQuoteBlock {
margin: 5px 0 10px 0 !important;
border: 1px solid #d8d5c0;
background: #faf7e0 url(https://zornet.ru/CSS-ZORNET/derkamer/quoteblock.gif) repeat-y 0 15px;
font: 15px/21px 'Times New Roman';
color: #817f67;
border-radius: 5px 1px 1px 5px;
}
.bbQuoteName {
padding: 13px 0 0 50px !important;
font-size: 15px !important;
border-radius: 5px;
background: url(https://zornet.ru/CSS-ZORNET/derkamer/quoteblock.gif) no-repeat 0 -1px;
}
.bbQuoteName b {
font-weight: normal;
}
.qName {
font-weight: bold;
}
.quoteMessage {
padding: 1px 20px 15px 30px;
border: 0 !important;
margin: 3px 20px 0 20px;
background: url(http://forum.ucoz.ru/images/quotes.png) no-repeat 0 2px;
}

На этом все, и не забываем когда установили, все сохранить.

12 Сентября 2015 Просмотров: 2046 Комментариев: (14)

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

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

Kosten

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

Комментарии: 14

Порядок вывода комментариев:

Kosten 12 Сентября 2015 01:49¹

Цитаты только проверены на форуме.

Kolinkor 12 Сентября 2015 04:21²

Вот думаю поменять или нет, так отлично смориться не тот что на сайте uCoz, хотя его можно переделать и поставить совершенно другой оттенок и сами скобки по ярче создать, то не очень видно. А вот тетрадь давно хотел, но не мог найти самого изображение.

Canon 12 Сентября 2015 04:23³

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

Kosten 12 Сентября 2015 04:26⁴

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

Kosten 12 Сентября 2015 04:29⁵

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

Цитата

Ричард Докинз - выдающийся британский ученый-этолог и популяризатор науки, лауреат многих литературных и научных премий. Каждая новая книга Докинза становится бестселлером и вызывает бурные дискуссии. Его работы сыграли огромную роль в возрождении интереса к научным книгам, адресованным широкой читательской аудитории.

Kosten 12 Сентября 2015 04:30⁶

Работает и в комментариях, что мне понравилась, это 2 черточки вертикальные, которые не доходят до конца и на ряду со строй становиться.

Kolinkor 12 Сентября 2015 04:32⁷

Можно установить и стили не большие, а то у меня уже показывало, что перебор и приходилось не ставить один скрипт.

Canon 12 Сентября 2015 04:34⁸

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

Kosten 12 Сентября 2015 04:37⁹

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