Думаю по скрину все понятно
Установка:
Шаблон Форум - Общий вид страниц форума находим там $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="http://3aka4ka.net.ru/threadIcons/thread.gif" alt="" class="selectedImg" />
<img src="http://3aka4ka.net.ru/threadIcons/arrow.png" alt="arrow" />
<img src="http://3aka4ka.net.ru/threadIcons/warn.png" alt="warn" />
<img src="http://3aka4ka.net.ru/threadIcons/engine.png" alt="engine" />
<img src="http://3aka4ka.net.ru/threadIcons/hammer.png" alt="hammer" />
<img src="http://3aka4ka.net.ru/threadIcons/info.png" alt="info" />
<img src="http://3aka4ka.net.ru/threadIcons/help.png" alt="help" />
<img src="http://3aka4ka.net.ru/threadIcons/idea.png" alt="idea" />
<img src="http://3aka4ka.net.ru/threadIcons/smile.png" alt="smile" />
<img src="http://3aka4ka.net.ru/threadIcons/lightning.png" alt="lightning" />
<img src="http://3aka4ka.net.ru/threadIcons/question.png" alt="question" />
<img src="http://3aka4ka.net.ru/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>