U.Helper

20 Декабря 2008 10:30
Главная » Разработки » Разработки для модуля "Форум" » Иконки темы
1. Подключаем jQuery
2. В CSS
Code
.thDescr,
.threadDescr {display:none}
#frM30 img {opacity:.33; -moz-opacity: 0.33; filter: alpha(opacity=33);}  
#frM30 img:hover {opacity:.5; -moz-opacity: 0.5; filter: alpha(opacity=50);}  
#frM30 img.selectedImg {opacity:1; ; -moz-opacity: 1; filter: alpha(opacity=100);}
Стили можно изменить на свой вкус
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/картинка1.png" alt="картинка1" />
...
<img src="/images/threadIcons/картинкаN.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?>



Правила использования:

  • Все права на публикуемые скрипты принадлежат их авторам!
  • Запрещается распространение скриптов без указания автора!
  • Запрещается "затирание" копирайтов!
  • Данная разработка написана эксклюзивно для пользователей U.Helper'а и не подлежит распространению без согласия автора!
Рейтинг: ← 20 →
Модуль: Форум | 4315 просмотров | Автор: Бармалей | Добавлено: 20 Декабря 2008 | Пример
22 комментария

0
Symbian9x[Материал] 13:09, 06 Февраля 2009
Code
<?if($_THREAD_NAME$)?>
$('#frF3').css('width','auto').attr('size', 60);

no coming soon? не работает biggrin
Цитировать
Сайт
0
Azazello[Материал] 13:52, 14 Марта 2009
Как убрать эту фигню? (null)
Когда картинку стандартной оставляешь?
Цитировать
E-MailСайт
0
juventini[Материал] 19:46, 14 Марта 2009
не работает
Цитировать
Сайт
0
Владимир[Материал] 01:37, 15 Марта 2009
Тоже не работает (((
1. не разобрался в какое место в CSS вставлять первый код.
2. После внесения остальных кодов появляются иконки в форме добавления, обтекаемость их присутствует, но нет права выбора их, ничего не происходит...
Цитировать
0
juventini[Материал] 23:25, 15 Марта 2009
тоже самое и у меня
Цитировать
Сайт
0
Гоша[Материал] 02:49, 16 Марта 2009
[quote=juventini]тоже самое и у меня[/quote]
Так же...
Цитировать
0
MegaFill[Материал] 23:10, 19 Марта 2009
Ооо, все работает, респект...
Только интересно спецом забыли "дописать код", чтобы нупки не ставили его к себе? wink
Цитировать
Сайт
0
Бармалей[Материал] 11:34, 21 Марта 2009
MegaFill, конечно!
Цитировать
Сайт
0
mrSpam[Материал] 12:07, 07 Апреля 2009
Больше не работает =(
Цитировать
Сайт
0
juventini[Материал] 17:26, 10 Апреля 2009
и у меня не работает, снова ставил, но офф всёрамно
Цитировать
Сайт
0
mob_dp[Материал] 15:19, 08 Мая 2009
Все работает!
Проверено.
Цитировать
Сайт
0
Vanofuture[Материал] 06:45, 20 Мая 2009
Руки кривые у вас кривые, вот и не работает.
Цитировать
Сайт
0
FisherLV[Материал] 16:10, 12 Июня 2009
Сам по себе скрипт работает, но имеет конфликт с небезизвестным скриптом BBComplex - вместе с ним никак ... :(
Цитировать
E-Mail
0
Бармалей[Материал] 08:50, 16 Июня 2009
За этим уже обращайтесь к создателю этого BBComplex
Цитировать
Сайт
0
SokolovNM[Материал] 22:06, 15 Июня 2009
FisherLV, скрипт надо настроить, но как: это известно только создателю BBComplex(( angry
Цитировать
0
МС Покайся[Материал] 22:38, 14 Августа 2009
Допишите пожалуйста код, чтобы на картинках прозрачность появилась (как на Вашем форуме) при создании темы, при выборе прозрачность снималась... (хватит издеваться над нами-нубами) :)
Цитировать
0
maksimillian90[Материал] 22:34, 20 Августа 2009
Quote (МС Покайся)
Допишите пожалуйста код, чтобы на картинках прозрачность появилась (как на Вашем форуме) при создании темы, при выборе прозрачность снималась... (хватит издеваться над нами-нубами) :)

Действительно, может кто-нить всё-таки допишет, зачем тогда выкладывали вообще, если с подвохом...

Цитировать
Сайт
0
Xmk[Материал] 07:15, 17 Сентября 2009
спасибо, все работает
Цитировать
Сайт
0
Александр[Материал] 13:14, 05 Октября 2009
Я себя нубом не считаю. Но когда тема создана возле названияя темы смайл не отображается.
Помогите плиз.
аська 564456900
Цитировать
Сайт
0
SashaK6785[Материал] 13:38, 05 Октября 2009
Все, разабрался.
Цитировать
0
вичвуд2011[Материал] 20:57, 31 Июля 2011
всё работает! biggrin biggrin biggrin
Цитировать
0
вичвуд2011[Материал] 20:57, 31 Июля 2011
Vanofuture, точно! biggrin (у меня пашет на 100%)
Цитировать
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

© U.Helper 2007-2024 Используются технологии uCoz