Главная » 2011 » Ноябрь » 26 » Мини-мини профиль в левом нижнем углу экрана (Скрипты для ucoz)
26.11.2011, 18:15

Мини-мини профиль в левом нижнем углу экрана




Прекрасный мини - профиль без создания блоков .
Установка :
В нижнюю часть сайта вставляем:
Code
<style type="text/css">  
  .uPanel{background:rgba(0,0,0,0.8);color:#fff;float:left;box-shadow: 0 2px 7px  
  rgba(0, 0, 0, 0.7);-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);padding: 4px 5px 4px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;position:fixed;bottom:7px;left:7px;}  
  .uPanel a.url,.uPanel a.url:visited{display:block;float:left;color:#fff;font-  
  weight:bold;height:26px;line-height:26px;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;opacity:0.4;padding:0px 7px 0px 7px;position:relative;}  
  .uPanel a.url img{vertical-align:-8px;}  
  .uPanel a.url:hover{text-shadow:0px 0px 5px #fff;color:#fff;opacity:1.0;}  
  .uPanel a.url.highlighted{opacity:1.0;}  
  .uPanel a.url span  
  {display:block;position:absolute;bottom:0px;left:20px;color:#fff;background:red;padding:0px 3px 0px 3px;height:14px;line-height:14px;font-size:7pt;font-weight:bold;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}  
  </style>  

  <?if($USER_LOGGED_IN$)?><div class="uPanel" id="uPanel" style="display:none">  
  <?if($USER_AVATAR_URL$)?> <a href="$PROFILE_URL$" title="Вошли как $USERNAME$" class="url"><img src="$USER_AVATAR_URL$" style="width:24px; height:24px;" alt="" /></a> <?else?><a href="$PROFILE_URL$" title="Вошли как $USERNAME$" class="url"><img src="http://csomsk.ru/1-1-ucoz/no-ava-cs.png" style="width:24px; height:24px;" alt="" /> </a><?endif?>  
  <a href="/index/14" title="Личные сообщения" class="url"><img src="http://www.csomsk.ru/Forums/pm.png" alt="" /></a>  
  <a href="/index/8" target="_blank" title="Персональная страница" class="url"><img  
src="http://www.csomsk.ru/Forums/wind-color.png" alt="" /></a>  
  <a href="/index/10" title="Выход" class="url"><img src="http://www.csomsk.ru/Forums/exit.png" alt="" /></a>  
  </div><?else?> <div class="uPanel">  
  <a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;" onclick="showLogForm(); return false;" class="url" style="margin-top:-2px;"><img align="absmiddle" title="Авторизация" src="http://www.csomsk.ru/1-ucoz/pm/283522690.png"> <b>Войти на сайт</b></a>  
  </div> <?endif?>  
   
  <script>$("#uPanel").fadeIn('normal');$("#uPanel a.url").tipsy({gravity: 'sw',  
  html: true});</script>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: Скрипты uCoz | Просмотров: 2350 | Добавил: Silver | Рейтинг: 5.0/2 |
Теги: углу, экрана, профил, левом, Мини-мини, нижнем
Всего комментариев: 3
0  
1 PULLO   (02.12.2011 11:46) [Материал]
Аватар пользователя
Блин ВВ коды не работают

0  
2 Danil   (14.02.2012 19:34) [Материал]
Аватар пользователя
Я такой же добавлял и его не активировали sad

0  
3 Silver   (14.02.2012 19:57) [Материал]
Аватар пользователя
ну ты ваще залез . я этот скрипт уже лет сто назад даобвил biggrin

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]