Меняем внешний вид именинников на форуме
827материалов
228тем на форуме
3004комментария
6159пользователей

Меняем внешний вид именинников на форуме


Всем привет. И так начнём с того, что все мы знаем, что на форуме есть блок с именинниками, который выглядит не айс, и из-за этого он почти незаметен для всех пользователей... Но я представляю вашему вниманию новый скрипт, который визуально улучшит список именинников, теперь именинники не будут показаны в одну строчку через запятую, а каждый именинник будет на новой строчке в красивой выделенной рамке... так же пользователям будет показано сколько сегодня именинников, чего раньше небыло, не знаю сильно это для кого-то важно или нет, но вдруг кому-то захочется знать, сколько сегодня людей у которых день варения... ну вобщем на этом все...

Установка:

ПУ \ Управление дизайном \ Форум \ Общий вид страниц форума после $BODY$ вставляем:
Код
<?if($PAGE_ID$='main')?>   
<style>   
div [class="birthdaysBlock"]{overflow: auto; max-height: 150px;}   
.userAge {float:right; position: relative; top: -22px; right: 10px; margin: 0px !important; padding: 0px !important; color:#666; font-weight: bold; cursor: help}   
.userBirthdayLink {background:#f3f3f3; border-bottom:1px solid #ccc; padding:5px; text-align:left; display: block}    
.userBirthdayLink:hover {background:#cce6ff; text-decoration:none; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important;}   
a.userBirthdayLink {color:#666; text-decoration:none; font-weight: bold;}   
a.userBirthdayLink:hover {color:#202020;}   
</style>   

<script>   
$('.gTableBody1').eq(2).css("padding", "0px !important");   
$('.birthdaysBlock').html($('.birthdaysBlock').html().split(',').join(''));   
$('.userAge').each(function(){$(this).html($(this).html().split('(').join('').split(')').join('')); });   
$('.userAge').each(function(){$(this).attr('title','Возраст');});   
if ($('.userBirthdayLink').size() == 0) {$('div[class="birthdaysBlock"]:first').before('<div style="padding:10px; color:#a66a6a; font-weight: bold;">Сегодня именинников нет :(</div>');} else {$('div[class="birthdaysBlock"]:first').before('<div style="background:#ffe8e8; border-bottom:1px solid #ccc; padding:3px; color:#666; font-weight: bold;">Сегодня именинников: '+$('.userBirthdayLink').size()+'</div>');}   
// webo4ka.ru (Copyright 19/02/2013)   
</script>   
<?endif?>

готово!

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 08.06.2013 в 14:46
Материал просмотрен: 895 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 0 комментариев

Пожаловаться
Сказать спасибо

0 комментариев


avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта