MENU
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Значки на форум
ВоваДата: Пятница, 07.08.2009, 22:19 | Сообщение # 1
Гловарь банды
Группа: Администраторы
Сообщений: 1782
Награды: 10
Репутация: 6
Статус:
Значки на форум где тема cool
Code
Установка:  
Шаблон Форум - Общий вид страниц форума находим там $BODY$ сразу после него ставим этот скрипт.

Code
<script type="text/javascript">     
// By U.Helper ~  http://helper.ucoz.ru/ & AllCity  http://allcity.net.ru/     
$('.thDescr').each(function(){     
var s = $(this).html().match( /sml\[(\w+)\]/ );     
$(this).show();     
if (s==null) return;     
s = s[0];     
$(this).html( $(this).html().replace(s,'') );     
if( $(this).html()=='()' ) $(this).html('');     
})     
$('.threadDescr').each(function(){     
var s = $(this).html().match( /sml\[(\w+)\]/ );     
$(this).show();     
if (s==null) return;     
var name = s[1];     
s = s[0];     
$(this).html( $(this).html().replace(s,'') );     
$(this).parent().prev().find('img').attr('src','/threadIcons/'+name+'.png');             
});     
</script>

Теперь в CSS кидаем этот код:
Code
.thDescr,         
         .threadDescr {display:none}         
         #frM30 img {opacity:.33}         
         #frM30 img:hover {opacity:.5}         
         #frM30 img.selectedImg {opacity:1}

Ну и в шаблоне Форум - Форма добавления сообщения находим $_THREAD_DESCR$ и заменяем на этот код
Code
<input type="text" id="threadAbout" class="postDescrFl" size="60" maxlength="50" />     
<img src="/threadIcons/thread.gif" alt="" class="selectedImg" />     
<img src="/threadIcons/arrow.png" alt="arrow" />     
<img src="/threadIcons/warn.png" alt="warn" />     
<img src="/threadIcons/engine.png" alt="engine" />     
<img src="/threadIcons/hammer.png" alt="hammer" />     
<img src="/threadIcons/info.png" alt="info" />     
<img src="/threadIcons/help.png" alt="help" />     
<img src="/threadIcons/idea.png" alt="idea" />     
<img src="/threadIcons/smile.png" alt="smile" />     
<img src="/threadIcons/lightning.png" alt="lightning" />     
<img src="/threadIcons/question.png" alt="question" />     
<img src="/threadIcons/star.png" alt="star" />     
<div style="display: none;">$_THREAD_DESCR$</div>     

<script type="text/javascript">     
By U.Helper ~  http://helper.ucoz.ru/ & AllCity  http://allcity.net.ru/     
$('#frM30 img').click(function(){     
$('#frM30 .selectedImg').removeClass('selectedImg');     
$(this).addClass('selectedImg')     
});     
if( $('#frF4').val()!='' ){     
if( $('#frF4').val().match( /sml\[\w+\]/ ) ){     
$('#threadAbout').val( $('#frF4').val().replace( $('#frF4').val().match( /sml\[(\w+)\]/ )[0], '' ) );     
$('#frM30 .selectedImg').removeClass('selectedImg');     
$('#frM30 img[alt="'+ $('#frF4').val().match( /sml\[(\w+)\]/ )[1] +'

Где http://s3.ucoz.net/img/fr/ic1/thread.gif - адрес стандартной картинки (при выборе этой картинки, никаких замен происходить не будет)
В конец шаблона вставляем
Code
<?if($_THREAD_NAME$)?><script type="text/javascript">   
   $('#frM30 img').click(function(){   
   $('#frM30 .selectedImg').removeClass('selectedImg');   
   $(this).addClass('selectedImg')   
   });   
   if( $('#frF4').val()!='' ){   
   if( $('#frF4').val().match( /sml\[\w+\]/ ) ){   
   $('#threadAbout').val( $('#frF4').val().replace( $('#frF4').val().match( /sml\[(\w+)\]/ )[0], '' ) );   
   $('#frM30 .selectedImg').removeClass('selectedImg');   
   $('#frM30 img[alt="'+ $('#frF4').val().match( /sml\[(\w+)\]/ )[1] +'"]').addClass('selectedImg');   
   } else $('#threadAbout').val( $('#frF4').val() );   
   }   
   function checksubmit(){   
   var s = $('#frM30 .selectedImg').attr('alt');   
   if( s!='' ) s = 'sml['+s+']';   
   $('#frF4').val( s + $('#threadAbout').val() );   
   return true;   
   }</script><?endif?>

теперь создаем в корне сайта папку threadIcons и загружаем туда все файлы что в архиве ниже.
Скачать
Для работы скрипта нужна jQuery библиотека Скачать и закачать ее в корень сайта
Вставить в каждую страницу форума
Code
<script src="http://code.jquery.com/jquery-latest.js"></script>
 
  • Страница 1 из 1
  • 1
Поиск: