Вид цитат как в Skype на ucoz

18.09.2012 Скрипты для uCoz 1203 1 insee
Надоели стандартные виды цитат? Хотите что-то новенькое и интересное? Этот вид цитат вам наверняка понравится! Он будет хорошо смотреться не только на форуме, но и в других модулях, где можно цитировать посты юзеров - а что самое главное - это вид цитат со скайпа!

Данный вид цитат отлично будет смотреться на сайтах любых тематик, а особенно на тех сайтах, тематика которых - одна из самых популярнейших программ для общения в Интернете - Skype.

Как установить данный вид цитат со скайпа? Довольно просто.
Сначала скачиваем данное изображение - на компьютер, затем заливаем его в папку img в файловом менеджере.
Теперь вставляем данный код в CSS:
Code
/*Quote from skype*/  
.bbQuoteBlock {padding-left:20px; background: url(/img/quote.png) no-repeat 3px 1px;}  
.quoteMessage {border: 0px !important; border-left: 1px solid #c0c0c0 !important; color: #000; padding: 1px 7px;}  
.bbQuoteName {display: none !important;}  
.quotename {color: #c0c0c0; padding: 3px 0 0 0;}  
/*---------*/

ВНИМАНИЕ: если у вас уже есть стилизация для элементов .bbQuoteBlock, .quoteMessage, .bbQuoteName удалите их!

Как установить вид цитат на форум:

В общий вид страниц форума, после $BODY$
Code
<?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?>


Как установить вид цитат в другие модули:

В страницу материала и комментариев к нему перед , в нужных модулях вставляем код.
Code
<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 комментарий
avatar
1
Не плохой вид))
ComForm">
avatar
Генератор мета-тегов | SEO блог. | Продвижение сайта в Москве. |Используются технологии uCoz
© Все права защищены. При копировании материалов указывайте ссылку на источник.
Генератор мета-тегов | Поддержка сайта | Используются технологии uCoz
© Все права защищены. При копировании материалов указывайте ссылку на источник.