Ucozua.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
Войти
Вы зашли на страницу для того что бы скачать Выбор иконки при создании темы кстати в отличии от других мы предоставляем этот файл без регистрации если же вы зарегистрировались то вы можете оставить комментарий к: Выбор иконки при создании темы найти ошибку или пожаловаться на материал или найти другие материалы такие как: Шаблоны для Ucoz ,скриты для ucoz и конечно раздел по Seo знаниям . Самые новые разработки в мире сети для начинающих и уже знающих вебмастеров.Графика для Ucoz присутствует в оригинале: Кнопки для форумов, Ранги, Иконки для Групп и всё это сделано в Photoshop Cs5 !!

Выбор иконки при создании темы

Автор: GoodJob 16.02.2011, 12:03 Скрипты для Форума
Выбор иконки при создании темы

Надоели одни и те же иконки рядом с вашей темой,есть выход! Просто по мануалу ucozua.ru делаем к каждой теме красивую иконку и радуемся...
1. Подключаем jQuery
2. В CSS

Code
.thDescr, .threadDescr, .editHidden, .UhideBlockL {
  display:none
}

#frM30 img {
  -moz-opacity:0.33;
  filter:alpha(opacity=33);
  opacity:.33
}

#frM30 img:hover {
  -moz-opacity:0.5;
  filter:alpha(opacity=50);
  opacity:.5
}

#frM30 img.selectedImg {
  -moz-opacity: 1;
  filter:alpha(opacity=100);
  opacity:1
}

Стили можно изменить на свой вкус
3. Вставляем в "Общий вид страниц форума" после $BODY$

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>

Свои иконки заливаем в папку images/threadIcons. Имена картинок должны состоять только из букв, цифр и знака нижнего подчеркивания
4. Открываем шаблон формы добавления сообщения. Заменяем $_THREAD_DESCR$ на:

Code
<input type="text" id="threadAbout" value="" class="postDescrFl" size="60" maxlength="50" />
<img src="http://s3.ucoz.net/img/fr/ic1/thread.gif" alt="" class="selectedImg" />
<img src="/images/threadIcons/question.png" alt="картинка1" />
<img src="/images/threadIcons/hammer.png" alt="картинкаN" />
<img src="/images/threadIcons/engine.png" alt="картинкаN" />
<img src="/images/threadIcons/help.png" alt="картинкаN" />
<img src="/images/threadIcons/idea.png" alt="картинкаN" />
<img src="/images/threadIcons/info.png" alt="картинкаN" />
<img src="/images/threadIcons/arrow.png" alt="картинкаN" />
<img src="/images/threadIcons/star.png" alt="картинкаN" />
<img src="/images/threadIcons/lightning.png" alt="картинкаN" />
<img src="/images/threadIcons/smile.png" alt="картинкаN" />
<div style="display:none">$_THREAD_DESCR$</div>

Где http://s3.ucoz.net/img/fr/ic1/thread.gif - адрес стандартной картинки (при выборе этой картинки, никаких замен происходить не будет)
В конец этого же шаблона вставляем:

Code
<?if($_THREAD_NAME$)?>
<script type="text/javascript">
$('#frF3').css('width','auto').attr('size', 60);
$('#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[src$="'+ $('#frF4').val().match( /sml\[(\w+)\]/ )[1] +'.png"]').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]+']'; else s='';
  $('#frF4').val( s + $('#threadAbout').val() );
  return true;
}</script>
<?endif?>

Готово,не забываем залить картинки с архива в /images/threadIcons/

Скачать с сервера: Выбор иконки при создании темы [7.7 Kb] (Скачиваний: 22)
Просмотров: 1535 Комментариев: 4 Источник: http://helper.ucoz.ru

123123[Материал]

  • Добавил: 16.02.2011 16:49
  • Полное имя: Юрка
  • Ip 178.94.86.23
  • 1 Комментарий
  • 0  
У меня не вібирает картинку

GoodJob[Материал]

  • Добавил: 16.02.2011 18:25
  • Полное имя: Серый
  • Ip 93.72.127.57
  • 2 Комментарий
  • 0  
123123, По инструкции нужно всё делать и конечно же картинки залить в нужную папку!

VLADBOLD[Материал]

  • Добавил: 04.03.2011 17:45
  • Полное имя: VLAD
  • Ip 46.159.99.242
  • 3 Комментарий
  • 0  
а вот я например добавляю свои картинки при добавлении они есть работаю а нажимаеш на них они не ставятся кто подскажет что надо делать

Grep[Материал]

  • Добавил: 26.12.2011 23:31
  • Полное имя: Jevgenijs
  • Ip 83.99.152.211
  • 4 Комментарий
  • 0  
та же самая ситуация....Картинки есть,а при щелчке он их не выбирает...

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.


Опрос
Вы берёте в интернете кредиты?
Всего ответов: 1471
Онлайн на сайте
Онлайн всего: 1
Гостей: 1
Вебмастеров: 0
Вебмастера
Гости

Поддержи сайт
UcozUa.ru всё для скриптера и вебмастера

Витрина ссылок
SkyAngel: Скачать игры через торрент бесплатно и без регистрации. Анонсы о новых играх.
wero1: На Firebiz.ucoz.net только популярные торренты .
SkyAngel: Прокачай свой фотошоп!
spi-ce174: Сайт скриптов и уникальных шаблонов

Друзья сайта