Навигатор
Категории раздела
Профиль для ucoz [9]
Новый профиль для ucoz, мини профиль для ucoz, скрипт для ucoz профиль, профиль для сайта ucoz
Ajax для ucoz [15]
Ucoz ajax, ajax окна для ucoz, скрипты ajax для ucoz, новые ajax окна для ucoz, новый вид ajax ucoz
Скрипты для ucoz [136]
скачать скрипты для ucoz, скрипты ucoz
Меню для ucoz [44]
меню для ucoz, горизонтальное меню для ucoz, раздвижное меню ucoz, вертикальное, выпадающие меню ucoz
Календари для ucoz [18]
скрипт календарь cs, скрипт для ucoz календарь, календарь для ucoz cs 1.6, календари ucoz
Часы для ucoz [31]
часы для ucoz, часы для ucoz cs 1.6
Статистика для ucoz [11]
статистика cs для ucoz
Форма входа для ucoz [13]
форма входа для ucoz
Переключатели для ucoz [8]
Переключатели страниц для ucoz
Шапки для ucoz [13]
шапки для ucoz cs 1.6
Раскрутка и продвижение сайта
Интересное


Мини профиль + Форма входа
Рейтинг: 50376


Красивое горизонтальное меню д...
Рейтинг: 50181


Мини-чат для ucoz
Рейтинг: 44459


Скрипт мониторинга cs серверов
Рейтинг: 39723
Статистика
Онлайн всего: 3
Гостей: 3
Пользователей: 0

Сегодня нас посетили:
Herbertlef, JamesMop
Яндекс.Метрика
Главная » Скрипты для ucoz » Скрипты для ucoz

Нижняя панель для пользователей uCoz

Нижняя панель для пользователей uCoz
Похожее решение уже было выложено мною ранее, это скрипт Панель для uCoz для верхней части сайта. Этот скрипт предоставляет такие же функции: кнопка домой, поле поиска, регистрация, вход, удобное выпадающие меню с профилем.
После регистрации на сайте, панель имеет иной вид: вместо надписей вход и регистрация - иконка профиля с красивым плавным появлением.
Шаг 1 - Установка HTML
Вставляем в Глобальный блок, либо в нужное место на сайте.
Code
<!-- Начало тегов Нижняя панель для пользователей -->  
  <div id="bottom_bar">  
  <ul id="bb_ul">  
  <li class="bb_li">  
  <a href="$HOME_PAGE_LINK$"><img alt="home" title="На главную страницу сайта" src="http://wallaby.ucoz.ru/images33/me_like/icon_home.png"></a>  
  </li>  
  <li class="bb_li">  
  <form class="poick_os1" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/" >  
  <input class="poick_pole1"type="text" name="q" maxlength="45" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}"/>  
  <input class="poick_knopka1" type="submit" value="Найти" />  
  <input type="hidden" name="t" value="0" />  
  </form>  
  </li>  
   
  <li class="bb_li right menu_niz">  
  <div class="menu_rightn menu_n">  
  <a href="#" class="drop">Меню</a>  
  <div class="dd_menu">  
  <span class="dd_ugol1"></span>  
  <ul class="blogroll3">  
<li><a href="http://wallaby.ucoz.ru/">Проверка</a></li>  
<li><a href="ВАША ССЫЛКА">Проверка</a></li>  
<li><a href="ВАША ССЫЛКА">Проверка</a></li>  
<li><a href="ВАША ССЫЛКА">Проверка</a></li>  
<li><a href="ВАША ССЫЛКА">Проверка</a></li>  
<li><a href="ВАША ССЫЛКА">Проверка</a></li>  
<li><a href="ВАША ССЫЛКА">Проверка</a></li>  
<li><a href="ВАША ССЫЛКА">Проверка</a></li>  
  </ul>  
  </div>  
  </div>  
  </li>  
   
  <?if($USER_LOGGED_IN$)?>  
  <li class="bb_li uzer_li">  
  <div class="info_uzer">  
  <a href="$PERSONAL_PAGE_LINK$" >  
  <?if($USER_AVATAR_URL$)?>  
  <img class="vxod_avatar" alt="аватар" title="Вы зашли на сайт как $USERNAME$" src="$USER_AVATAR_URL$">  
  <?else?>  
  <img class="vxod_avatar" alt="аватар" title="Вы зашли на сайт как $USERNAME$" src="http://wallaby.ucoz.ru/images33/me_like/no_avatar.jpg">  
  <?endif?>  
  </a>  
  <span><a href="$PM_URL$">Почта ($UNREAD_PM$)</a> </span>  
  <span><a href="$LOGOUT_LINK$" title="Выход"><!--<s5164>-->Выход<!--</s>--></a></span>  
  </div>  
  </li>  
  <?else?>  
  <li class="bb_li right">  
  <div class="vxod_reg">  
  <a href="$LOGIN_LINK$" title="Вход" class="login-link"><!--<s3087>-->Вход<!--</s>--></a>  
  </div>  
  </li>  

  <li class="bb_li right">  
  <div class="vxod_reg">  
  <a href="$REGISTER_LINK$" title="Регистрация"><!--<s3089>-->Регистрация<!--</s>--></a>  
  </div>  
  </li>  
  <?endif?>  
  <li class="bb_li right"></li>  
  </ul>  
  </div>  
  <!-- /Конец тегов Нижняя панель для пользователей -->
Шаг 2 - Установка CSS
Вставляем в П.У - Дизайн - Упр. Дизайном(CSS).
Code
/* Нижняя панель для пользователей  
  ===============================*/  
  #bottom_bar {  
  position:fixed;  
  min-width:100%;  
  z-index:997;  
  bottom:0;  
  border-top: 1px solid #000;  
  height:35px;  
  background: #353535;  
  box-shadow: 0px 0px 5px #333;  
  }  

  #bb_ul{  
  list-style-type:none;  
  margin-left:auto;  
  margin-right:auto;  
  padding:0px;  
  width:1024px;  
  height:35px;  
  margin: 0px auto 0px auto;  
  }  

  .bb_li{  
  float:left;  
  padding:5px 10px 0px 10px;  
  height:30px;  
  background:url(http://wallaby.ucoz.ru/images33/me_like/li_linia.gif) no-repeat right;  
  }  
   
  /* Форма поиска синяя кнопка  
  ------------------------------------------*/  
  .poick_os1 input {  
  font:11px Verdana,Arial,Helvetica,sans-serif!important;  
  margin:0px!important;  
  vertical-align:middle!important;  
  }  

  .poick_pole1 {  
  color:#a7a7a7!important; text-shadow: 1px 1px 1px #252525!important;  
  padding:4px 4px!important;  
  width:300px!important;  
  height:15px!important;  
  background:#484848!important;  
  border: 1px solid #252525!important;  
  }  
   
  .poick_pole1:focus {  
  background:#545454!important;  
  }  
   
  .poick_knopka1 {  
  color:#bfbfbf!important; text-shadow: 1px 1px 1px #460953!important;  
  padding: 0px 10px!important;  
  height:25px!important;  
  background: #1d367d!important;  
  border: 1px solid #0c123b!important;  
  cursor:pointer!important;  
  }  
   
  .poick_knopka1:hover {  
  background:#3b3b97!important;  
  }  
   
  /* Выпадающие меню  
  ------------------------------------------*/  
  .menu_n {  
  float:left;  
  display:block;  
  position:relative;  
  padding:6px 0px;  
  border:none;  
  }  
   
  .menu_n .drop{  
  outline:0;  
  padding-right:17px;  
  color:#66B427;  
  text-shadow:1px 1px 1px #000;  
  font-weight: 700;  
  background:url(http://wallaby.ucoz.ru/images33/me_like/drop1.png) no-repeat right 5px;  
  }  

  .menu_n:hover .drop{  
  background:url(http://wallaby.ucoz.ru/images33/me_like/drop2.png) no-repeat right 5px;  
  color:#2784b4;  
  }  

  .dd_ugol1,  
  .dd_menu {  
  width:240px;  
  }  

  .dd_menu {  
  float:left;  
  position:absolute;  
  margin:0px auto;  
  background:#4c4c4c;  
  padding:5px;  
  left:-999em;  
  z-index:998;  
  border:1px solid #111;  
  -moz-border-radius:5px 5px 5px ;  
  -webkit-border-radius:5px 5px 5px ;  
  border-radius:5px 5px 5px ;  
  box-shadow: 0px 0px 5px #111;  
  }  
   
  .menu_n:hover .dd_menu{  
  left:auto;  
  right:0px;  
  bottom:30px;  
  }  

  .dd_ugol1 {  
  height:25px;  
  float:left;  
  position:absolute;  
  bottom: -25px;  
  right: 20px;  
  background:url(http://wallaby.ucoz.ru/images33/me_like/fon_ugol_1.png) no-repeat;  
  background-position: right top;  
  }  

  .blogroll3 {  
  list-style:none;  
  overflow:hidden;  
  width:238px;  
  background:#eee;  
  border: 1px solid #353535;  
  margin:0;  
  padding:0;  
  }  

  .blogroll3 li a:link,  
  .blogroll3 li a:visited {  
  display:block;  
  text-align:left;  
  color:#555;  
  width:100%;  
  padding:4px 10px 4px 10px;  
  border-bottom: 1px solid #d0d0d0;  
  border-top: 1px solid #fff;  
  }  

  .blogroll3 li a:hover {  
  background:#fff;  
  }  

  /* Вход и мини профиль  
  ------------------------------------------*/  
  .vxod_reg {  
  color:#66B427;  
  text-shadow:1px 1px 1px #000;  
  font-weight: 700;  
  padding:6px 0px;  
  }  

  .uzer_li a:link,  
  .uzer_li a:visited,  
  .vxod_reg a:link,  
  .vxod_reg a:visited {color:#66B427;}  
  .uzer_li a:hover,  
  .vxod_reg a:hover {color:#2784b4;}  

  .uzer_li {  
  float:right!important;  
  margin:0!important;  
  padding:0!important;  
  }  

  .info_uzer {  
  color:#66B427;  
  text-shadow:1px 1px 1px #000;  
  font-weight: 700;  
  width:135px;  
  }  

  .info_uzer span {  
  float:left;  
  text-align:left;  
  width:70px;  
  padding: 1px 0px 0px 10px;  
  }  

  .vxod_avatar {  
  float:right;  
  width:35px;  
  height:35px;  
  }  

  /* Дополнительно  
  ------------------------------------------*/  
  img {border: none;}  
  a {text-decoration:none;outline:none}  

  #bottom_bar a:hover img {  
  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);  
  -moz-opacity: 0.5;  
  opacity: 0.5;  
  filter: alpha(opacity=50);  
  }  

  .left {float:left;}  
  .right {float:right!important; }  
  .clear {clear:left;}
Автор: Центер-дм

Совет для вебмастеров!.
Внимание, мы настоятельно рекомендуем использовать домены 2-го уровня, такие как ru,com и т.п. стоят они не дорого, ru можно купить за 99 руб, не нужно делать сайт на юкозовском домене! Сайт с юкозовским доменом долеко не уйдет! Если ж у Вас все таки нету жалких 99 рублей, Вы можите зарегистрировать бесплатно домен 2-го уровня tk, по данной ссылке
ЖМИ И РЕГИСТРИРУЙ
С уважением, администрация.
Категория: Скрипты для ucoz | Добавил: Wallaby
Просмотров: 3390 | Комментарии: 2
Теги: Нижняя панель для пользователей uCoz - Скрипты для ucoz, новые интересные Скрипты для ucoz - Нижняя панель для пользователей uCoz
Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
wallaby.ucoz.ru
Поиск
Шаблоны для ucoz
Sape
ремонт ноутбуков ижевск
Лучшая коллекция аниме на анимемувие, валлаби рекомендует!) купить кухню в ульяновске
Скрипты для ucoz
Joomla
Cinema 4D
Графика для uCoz
Copyright wallaby.ucoz.ru - Мировой портал - Joomla,Ucoz,Cinema 4D © 2017 Карта сайта | Карта форума