» »

Стильный вид цитаты как в Skype для ucoz


Стильный вид цитаты как в Skype для ucoz

Думаю многие видели цитату в программе Skype и теперь ее можно вывести на сайте. Кода нет, только она одна идет и красиво будет смотреться на любом модуле. Здесь по установке нам нужно еще прописать код и не только стили, но все по порядку.

Установка:

Общий вид форума и после $B0DY$ нужно для начало поставить этот скрипт.
Код

<?if($PAGE_ID$='threadpage')?>  
<script type="text/javascript">  
$('.bbQuoteBlock').each(function(){  
var quotename = $(this).find('.qName').text();  
if(quotename.length > 0){  
$(this).find('.quoteMessage').append('<div class="quotename">— '+quotename+'</div>');  
} else {  
$(this).find('.quoteMessage').append('<div class="quotename">— Цитата</div>');  
}  
});  
</script>  
<?endif?>


Потом в CSS прописать стили.

Код
/*Quote skype*/  
.bbQuoteBlock {padding-left:20px; background: url(http://zornet.ru/Ajaxoskrip/Fyrkes/0875120.png) no-repeat 3px 1px;}  
.quoteMessage {border: 0px !important;border-left: 3px solid #6D6D6D !important; color: #000;padding: 1px 7px;}  
.bbQuoteName {display: none !important;}  
.quotename {color: #c0c0c0; padding: 3px 0 0 0;}  
/*---------*/


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

Код
<script type="text/javascript">  
  $('.bbQuoteBlock').each(function(){  
  var quotename = $(this).find('.qName').text();  
  if(quotename.length > 0){  
  $(this).find('.quoteMessage').append('<div class="quotename">— '+quotename+'</div>');  
  } else {  
  $(this).find('.quoteMessage').append('<div class="quotename">— Цитата</div>');  
  }  
  });  
  </script>


Но и на этом вся установка, на форуме проверенно и все показывает.
18.01.2016 Просмотров: 420 Комментарий: (8)

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

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

Комментарий: 8
Tergran
Tergran 18.01.2016 18:551
0
Но нужно под кое что похожее, если другое поставит, то как то не очень будет.
Kosten
Kosten 18.01.2016 19:052
0
Согласен, где то раньше видел про код, похоже, вспомнить не могу.
Сафрон
Сафрон 18.01.2016 22:373
0
Можно посмотреть другие коды и сделать так, это убрать здесь сам значок, и подогнать другие стили на такой дизайн.
Canon
Canon 18.01.2016 22:414
0
Так то надо полагать, что код и цитата должны быть разными, а не просто по значкам смотреть.
Maryges
Maryges 18.01.2016 22:565
0
Можно только на форум выставить, а так его пихать на модуль нет смысла, когда можно стилями все сделать.
Tergran
Tergran 18.01.2016 23:016
0
Но стилями явно лучше, но такой дизайн видать нельзя вывести.
ucozmental
ucozmental 18.01.2016 23:037
0
Так не обычно на сайте будет смотреться.
FeStemBer
FeStemBer 19.01.2016 22:578
0
Вы можете просто под цитату поставить а под код. что захотите, но безусловно, нужно, чтоб было в одном дизайне, но немного не похоже по своим стилям.
avatar