Значок темы форума как на U.Helper

Дата: Четверг, 20.05.2010, 12:36:02 | Сообщение # 1

Сообщений: 512

[ 6 ]

Награды:

[ 3 ]

Благодарим за скрипт сайт U.Helper

Установка:
Шаблон Форум - Общий вид страниц форума находим там $BODY$ сразу после него ставим этот скрипт.

Code

или этот код (с иконками в самой теме)

Code

Теперь в CSS кидаем этот код:

Code

/* Значок темы форума */
.thDescr, .threadDescr {display:none}
#frM30 img {opacity:0.33; -moz-opacity:0.33; filter:alpha(opacity=33);}
#frM30 img:hover {opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}
#frM30 img.selectedImg {opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
/* ------------- */

Ну и в шаблоне Форум - Форма добавления сообщения находим $_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] +'"]').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>

у кого стоит хинт как на DLE то ставим эту версию скрипта!

Code

<input type="text" id="threadAbout" class="postDescrFl" size="60" maxlength="50" />
<img src="/threadIcons/thread.gif" alt="" name="" class="selectedImg" />
<img src="/threadIcons/arrow.png" alt="arrow" name="arrow" />
<img src="/threadIcons/warn.png" alt="warn" name="warn" />
<img src="/threadIcons/engine.png" alt="engine" name="engine" />
<img src="/threadIcons/hammer.png" alt="hammer" name="hammer" />
<img src="/threadIcons/info.png" alt="info" name="info" />
<img src="/threadIcons/help.png" alt="help" name="help" />
<img src="/threadIcons/idea.png" alt="idea" name="idea" />
<img src="/threadIcons/smile.png" alt="smile" name="smile" />
<img src="/threadIcons/lightning.png" alt="lightning" name="lightning" />
<img src="/threadIcons/question.png" alt="question" name="question" />
<img src="/threadIcons/star.png" alt="star" name="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[name="'+ $('#frF4').val().match( /sml\[(\w+)\]/ )[1] +'"]').addClass('selectedImg');
} else $('#threadAbout').val( $('#frF4').val() );
}
function checksubmit(){
var s = $('#frM30 .selectedImg').attr('name');
if( s!='' ) s = 'sml['+s+']';
$('#frF4').val( s + $('#threadAbout').val() );
return true;
}
</script>

или

Code

<input type="text" id="threadAbout" class="postDescrFl" size="60" maxlength="50" />
<img src="/threadIcons/thread.gif" alt="" name="" />
<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/
$('#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('src').match( /\/(\w*)\.png/i );
if( s!=null ) s = 'sml['+s[1]+']';
$('#frF4').val( s + $('#threadAbout').val() );
return true;
}
</script>

теперь создаем в корне сайта папку threadIcons и загружаем туда все файлы что в архиве ниже.
threadIcons.zip

Для работы скрипта нужна jQuery библиотека, скачать библиотеку можно здесь (Packed)
[/code]<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.pack.js"></script>[code]