Любовь к спорту на всю жизнь
Привет, Гость!

  • Страница 1 из 1
  • 1
Нижняя панель для пользователей
Torres_1_Дата: Понедельник, 31.03.2014, 00:43 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 2124
Награды: 0
Репутация: 12
Статус: Offline
Нижняя панель для пользователей



Очень удобный и красивый скрипт для сайта, который содержит в себе и форму входа и выпадающее меню и поиск по сайту. Очень эстетично смотрится и вызывает внимание у пользователей. Эта панель просто очаровательна и творит с сайтом чудеса. Я уверен, вам она понравится. Устанавливайте.

Установка:
Данный код вставить в нижнюю часть сайта:

Код
<!-- Начало тегов Нижняя панель для пользователей edit by fifagamers.do.am-->    
<div id="bottom_bar">   
    <ul id="bb_ul">   
    <li class="bb_li">   
    <a href="$HOME_PAGE_LINK$"><img alt="home" title="На главную страницу сайта" src="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/miniprofil2/202_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://fifagamers.do.am">Проверка</a></li>   
    <li><a href="http://fifagamers.do.am">Проверка</a></li>   
    <li><a href="http://fifagamers.do.am">Проверка</a></li>   
    <li><a href="http://fifagamers.do.am">Проверка</a></li>   
    <li><a href="http://fifagamers.do.am">Проверка</a></li>   
    <li><a href="http://fifagamers.do.am">Проверка</a></li>   
    <li><a href="http://fifagamers.do.am">Проверка</a></li>   
    <li><a href="http://fifagamers.do.am">Проверка</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" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><?else?><?if($USER_LOGGED_IN$)?><img class="vxod_avatar" title="$USERNAME$" src="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/miniprofil2/202_no_avatar.jpg" border="0"><?else?><img class="vxod_avatar" title="$USERNAME$" src="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/miniprofil2/202_no_avatar.jpg" border="0"><?endif?><?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>    
      
    <li class="bb_li right"></li>    
    </ul>   
</div>    
<?endif?>
    <!-- /Конец тегов Нижняя панель для пользователей edit by fifagamers.do.am -->


А этот вставляем в CSS:

Код
/* Нижняя панель для пользователей   
===============================*/   
#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://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/miniprofil2/202_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://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/miniprofil2/202_drop1.png) no-repeat right 5px;   
}   

.menu_n:hover .drop{   
    background:url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/miniprofil2/202_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://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/miniprofil2/202_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;}


Вот и всё. Скрипт установлен, все довольны. Отзывы можете оставить тут в комментариях. Спасибо за внимание, Torres_1_ .
 
  • Страница 1 из 1
  • 1
Поиск:
Навигация
Главная страница Форум сайта Создание сайтов на uCoz Заработок в интернете Уроки Photoshop Автомобиль от А до Я Электроника Всё для смартфонов Браузерные игры Музыка Последние комментарии Статистика
Развлечения
Сегодня день рождения у: Описание сайта
Новое на форуме
Опрос
Опрос сайта
Ты любишь слушать музыку?
javascript:; javascript:;
Всего ответов: 145

Общение
Загрузка…
Статистика
Зарег. на сайте
Всего: 267
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 0
Проверенных: 1
Обычных юзеров: 264
Из них
Парней: 234
Девушек: 33


Друзья сайта
Возможен баннерообмен 81х31.Писать ЛС.