» »

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


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

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

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

1)



Код
.bbQuoteBlock {  
  display:block;  
  border:1px solid #68B4CE;  
  margin:10px;  
  padding:0 10px 0 20px;  
  background: #E7F6FB url('http://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;  
}


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



2)

Код
.bbQuoteBlock {  
margin: 5px 0 10px 0 !important;  
border: 1px solid #d8d5c0;  
background: #faf7e0 url(http://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(http://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.09.2015 Просмотров: 476 Комментарий: (14)

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

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

Комментарий: 14
Kosten
Kosten 12.09.2015 01:491
0
Цитаты только проверены на форуме.
Brung
Brung 12.09.2015 04:212
0
Вот думаю поменять или нет, так отлично смориться не тот что на сайте uCoz, хотя его можно переделать и поставить совершенно другой оттенок и сами скобки по ярче создать, то не очень видно. А вот тетрадь давно хотел, но не мог найти самого изображение.
Canon
Canon 12.09.2015 04:233
0
Brung, да что думать, если решил немного изменить дизайн, то ставь, а посмотреть можно здесь на форуме. Вообще для этого нужно всегда тестовый сайт создавать и на нем все проверять и потом уже на основной устанавливать.
Kosten
Kosten 12.09.2015 04:264
0
Нужно в комментариях проверить, то на форуме то работает, а здесь вот не проверял, знаю код здесь отображается а вот цитату сейчас проверю.
Kosten
Kosten 12.09.2015 04:295
0
Будем проверять на одном ученом, который по запросу стих на социальную сеть в контакте вывел.

Цитата
Ричард Докинз - выдающийся британский ученый-этолог и популяризатор науки, лауреат многих литературных и научных премий. Каждая новая книга Докинза становится бестселлером и вызывает бурные дискуссии. Его работы сыграли огромную роль в возрождении интереса к научным книгам, адресованным широкой читательской аудитории.
Kosten
Kosten 12.09.2015 04:306
0
Работает и в комментариях, что мне понравилась, это 2 черточки вертикальные, которые не доходят до конца и на ряду со строй становиться.
Brung
Brung 12.09.2015 04:327
0
Можно установить и стили не большие, а то у меня уже показывало, что перебор и приходилось не ставить один скрипт.
Canon
Canon 12.09.2015 04:348
0
Это можно можно исправить, когда нет места для стиля и делается не очень то сложно. Для этого нам только нужен текстовой файл и все, дальше там прописат, что не влазило и поставить на установку.
Kosten
Kosten 12.09.2015 04:379
0
Brung, напишу подробную статью на эту тему, то раньше тоже с этим сталкивался и не знал что делать. Теперь и на этом сайте, тоже уже под потолок и большой стиль не поставишь и к примеру на информер большой идет и на ajax окно тоже хоть и стандартный но перенес.
Brung
Brung 12.09.2015 04:4110
0
Если можно через текстовой файл сделать, и как понимаю любые стили, то это надо обязательно узнать.
Kosten
Kosten 12.09.2015 06:1811
0
Напишу как можно уменьшит стили с помощью текстового файла.
Kosten
Kosten 12.09.2015 17:3512
0
Можно фон менять на свой.
ZruBkul
ZruBkul 13.09.2015 01:5313
0
Хоть и старые цитаты, но видать порох держать в хороших условиях и потому на их идет еще спрос, а также их может школьник сделать оригинальными.
FeStemBer
FeStemBer 13.09.2015 02:0814
0
Светлые и приятные на глаз цитаты, то некоторые такие сделают, что код самый и не видать.
avatar