» »

Пунктирный вид цитат для uCoz


Пунктирный вид цитат для uCoz

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

Установка:

Для начало припишем стаи в CSSв самый низ.

Код
/* Вид цитаты uCoz  
  ------------------------------------------*/  
  .bbQuoteBlock {  
  float:left;  
  padding:3px;  
  margin-bottom: 5px;  
  position:relative;  
  background: #f9f9f9;  
  }  

  .quoteMessage{  
  float:left;  
  padding: 10px 10px 25px 10px!important;  
  border: 1px dashed #999!important;  
  border-radius: 5px;  
  }


Потом идем Общий вид страниц Форума и нам находим $B0DY$ и только после него прописываем этот скрипт.

Код
<script type="text/javascript">  
  diviki = document.getElementsByTagName('DIV');  
  for( i = 0; i < diviki.length; i++)  
  {  
  if(diviki[i].className == "bbQuoteName")  
  {  
  if(diviki[i].innerHTML == '<b>Quote</b>')  
  {  
  author = '';diviki[i].innerHTML = '<b>Цитата</b>';  
  } else {  
  author = '<span>' + diviki[i].innerHTML.slice(diviki[i].innerHTML.indexOf('(') + 1,diviki[i].innerHTML.indexOf(')')) + '</span> ';  
  }  
  diviki[i].innerHTML = 'Цитата <b>' + author + ')</b>';  
  }  
  }  
  </script>


И вся установка, если что то нужно подстроить или сделать шрифт ярче, то все можно подогнать и вывести по вашему дизайну на сайте.
06.11.2015 Просмотров: 468 Комментарий: (10)

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

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

Комментарий: 10
Brung
Brung 06.11.2015 19:561
0
Видно что он немного серый а не полностью светлый.
Canon
Canon 07.11.2015 00:377
0
Лучше делать в таком случай по темней а не серым.
Kosten
Kosten 07.11.2015 00:419
0
Просто они все идут под стилями, что код и цитата, и там всегда можно перестроить как нужно, здесь только добавил закругление углов и не более, да сами стили они какие то малые от стандарта, но скрипт с ним зато идет.
Kosten
Kosten 06.11.2015 19:592
0
Да, есть такое, но должна цитата чем то отличаться от простого текста, и так сделано. В стилях вы найдете border-radius: 5px; последний идет и отвечает за округление углов, чем меньше цифра, значит угол становиться острей.
Kosten
Kosten 06.11.2015 20:113
0
Вообщем сам скрипт нужно ставить так, вот как должен он реально стоять, сожете посмотреть на изображение.

Canon
Canon 07.11.2015 00:398
0
Все что на форуме добавляешь, это касается скрипта, нужно прописывать после B0DY а также и блоки если кто хочет установить.
ZruBkul
ZruBkul 06.11.2015 22:184
0
Что то цитата не на всю страницу или так должно быть?
Kosten
Kosten 06.11.2015 22:285
0
ZruBkul, только заметил, просто смотрел работает или нет. Но с ним код и стили идут и там наверняка можно настроить, как нужно.
Canon
Canon 07.11.2015 00:366
0
Думаю что цитата и код нужно делать под один дизайн, но смотря какой стиль сайта. Возможно сам сайт как радуга, там и не заметишь, что они разные.
Kosten
Kosten 07.11.2015 00:4310
0
Но это будет похоже на стандартное, что по мне, они немного должны отличаться, чтоб даже видеть, что код и ли просто процитировали, но слишком обширные по дизайну не нужны, не очень они так смотрятся.
avatar