[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Ucoz » Скрипты для ucoz » Меняем внешний вид именинников на форуме ucoz
Меняем внешний вид именинников на форуме ucoz
offtop
Дата: Суббота, 18.05.2013, 23:57 | Сообщение # 1
Оффлайн
Пользователи
Сообщений: 216
IP: Скрытная информация


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

Установка:

ПУ \ Управление дизайном \ Форум \ Общий вид страниц форума после $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>');}  
  // dedicated.3dn.ru (Copyright 19/02/2013)  
  </script>  
  <?endif?>


готово!
Прикрепления: 4781631.png (15.9 Kb)
Форум » Ucoz » Скрипты для ucoz » Меняем внешний вид именинников на форуме ucoz
  • Страница 1 из 1
  • 1
Поиск: