• Страница 1 из 1
  • 1
Стильный вид цитаты как в Skype для ucoz
Pasan не в сети3:16 PM | Сообщение # 1
Админ
Администраторы
Сообщений: 102
Награды: 0
Репутация: 0


Думаю многие видели цитату в программе 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(https://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>


Но и на этом вся установка, на форуме проверенно и все показывает.


профиль сайт
  • Страница 1 из 1
  • 1
Поиск: