Каталог статей
Значки на форум
Установка: Шаблон Форум - Общий вид страниц форума находим там $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
<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>
теперь создаем в корне сайта папку threadIcons и загружаем туда все файлы что в архиве ниже. Скачать Для работы скрипта нужна jQuery библиотека Скачать и закачать ее в корень сайта Вставить в каждую страницу форума Code
<script src="http://code.jquery.com/jquery-latest.js"></script>
Источник материала: http://helper.ucoz.ru/
Источник: http://forucoz.com/
Категория: Скрипты для ucoz | Добавил: Timka (12.05.2010)
Просмотров: 304
| Теги: значки
| Рейтинг: 0.0 /0
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0