Суббота, 23.11.2024, 14:49 | Приветствую Вас Гость

Мой сайт

AC MILAN

Каталог статей

Главная » Статьи » Скрипты для ucoz

Значки на форум
Установка: 
Шаблон Форум - Общий вид страниц форума находим там $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
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Категории раздела
Скрипты для ucoz [408]
Шаблоны для ucoz [0]
Графика для ucoz [5]
Как раскрутить сайт [28]
Видеоуроки для Ucoz [0]
Всё для фотошопа [0]
Видеоуроки фотошопа [0]
Заработок на сайте [1]
Советы по uCoz [2]
Статистика
Рейтинг@Mail.ru
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Поиск
Теги
Опрос
Чего не хватает сайту?
Всего ответов: 28