logo GD-club.ru

Приветствуем Вас в клубе Gravity Defied!

Регистрация | Вход



Форум » Скрипты, интересные решения для uCoz » Значок темы форума

Значок темы форума
[1] kozzztya [08 Фев 2009, 13:17]

Итак, скрипт значка темы by U.Helper, rip by Allcity.net.ru и дополнония by kozzztya.

1) Подключаем jQuery, вставляя между <head> и </head>:

Code
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.pack.js"></script>

2) Вставляем в шаблон Форум - Общий вид страниц форума, после $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>

или:

Code
<script type="text/javascript">
$('.thDescr').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,'') );  
    if( $(this).html()=='()' ) $(this).html('');  
    if( $('table.gTable:first td.gTableTop div.gTopCornerRight + img').size()==0 ) $('table.gTable:first td.gTableTop div.gTopCornerRight').after('<img src="/images/threadIcons/'+name+'.png" /> ');  
})  
$('.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','/images/threadIcons/'+name+'.png');  
});  
</script>

3) В CSS вставляем следующее:

Code
/* Значок темы форума */
#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);}
/* ------------- */

4) В шаблоне Форум - Форма добавления сообщения, находим:

Code
<tr id="frM28"><td class="gTableLeft" id="frM29">Описание темы:</td><td class="gTableRight" id="frM30">$_THREAD_DESCR$</td></tr>

и заменяем на:

Code
<tr><td class="gTableLeft">Описание темы:</td><td class="gTableRight"><input type="text" style="width:100%" id="threadAbout" class="postDescrFl" size="60" maxlength="50" /></td></tr>
<tr id="frM28"><td class="gTableLeft" id="frM29">Значок темы:</td><td class="gTableRight" id="frM30">

<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/ & 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
<tr><td class="gTableLeft">Описание темы:</td><td class="gTableRight"><input type="text" style="width:100%" id="threadAbout" class="postDescrFl" size="60" maxlength="50" /></td></tr>
<tr id="frM28"><td class="gTableLeft" id="frM29">Значок темы:</td><td class="gTableRight" id="frM30">

<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/ & 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
<tr><td class="gTableLeft">Описание темы:</td><td class="gTableRight"><input type="text" style="width:100%" id="threadAbout" class="postDescrFl" size="60" maxlength="50" /></td></tr>
<tr id="frM28"><td class="gTableLeft" id="frM29">Значок темы:</td><td class="gTableRight" id="frM30">

<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>

5) Создаем в корне сайта папку threadIcons и заливаем туда файлы с архива:

threadIcons.zip

Все! Оригинал скрипта - тут.

Прикрепления: 0893305.png(9Kb)
[2] salam [08 Фев 2009, 13:53]
а как подключить jQuery
[3] kozzztya [08 Фев 2009, 14:01]
Quote (salam)
а как подключить jQuery

а там не написано?
[4] salam [08 Фев 2009, 14:27]
у меня не работает
[5] kozzztya [08 Фев 2009, 14:31]
Quote (salam)
у меня не работает

что не работает? моск? опиши подробнее
[6] shevron [08 Фев 2009, 15:58]
Quote (kozzztya)
у кого стоит хинт как на DLE

это что такое?
[7] kozzztya [08 Фев 2009, 18:33]
dingо, это подсказка как на дле, наведи на свой аватар и поймеш
[8] shevron [09 Фев 2009, 16:09]
kozzztya, а вообще, что такое дле??
[9] FeLiX [09 Фев 2009, 16:38]
Quote (dingо)
а вообще, что такое дле??

DataLife Engine, движок для сайта
[10] salam [09 Фев 2009, 19:21]
у меня все значки стоят нажимаю на них создаю тему а значок обычный
[11] kozzztya [09 Фев 2009, 22:10]
Quote (salam)
у меня все значки стоят нажимаю на них создаю тему а значок обычный

так понятней =) попробуй в 4 пункте другой скрипт
[12] San47 [10 Мар 2010, 13:57]
один баг,описание пишешь,а оно не появляется
[13] kozzztya [11 Мар 2010, 19:32]
Quote (San47)
один баг,описание пишешь,а оно не появляется

По скрину в первом посте видно, что никаких багов нету.

1 недостаток скрипта в том что он "не любит" другие скрипты, после того как я поставил ВВ-панель от Ватсона он перестал работать.(

[14] San47 [15 Мар 2010, 19:40]
kozzztya, все исправил,немного код подправил и все работает и с хинтом и панелью от Ватсона


Случайный мод: Gravity Defied Pike Edition 2 ( 3 версии!)
Последний мод: GD GeneralMod 2
Мод месяца: Gravity Defied: Mega Pack

Полная версия сайта

GDTop