• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Скрипт верхняя панель для пользователей v.1.0 для uCoz
Скрипт верхняя панель для пользователей v.1.0 для uCoz
Delete
Вторник, 17 Июля 2012 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1079
Награды: 7


Установка:
Заходим в ПУ » Управление дизайном » Редактор страниц » Страницы сайта и после body вставляем:


Код
<!-- Начало тегов Верхняя панель для пользователей -->     
<style>/* Верхняя панель для пользователей v.1.0    
    ============================================================================*/    
    #top_bar {    
    position:fixed;    
    z-index:997;    
    top:0;    
    min-width:100%;    
    height:35px;    
    background: #353535;    
    border-top: 1px solid #000;    
    box-shadow: 0px 0px 5px #111;    
    }    

    #top_bar_os {    
    padding:0px;    
    width:1024px;    
    height:35px;    
    margin: 0px auto;    
    }    

    #top_bar_os a{    
    text-decoration:none;    
    }    

    .td_l {    
    float:left;    
    padding:5px 10px 0px 10px;    
    height:30px;    
    background:url(http://www.cstav.ru/uCoz/3_uCoz-raz/35/li_linia.gif) no-repeat right;    
    }    

    .td_p {    
    float:right;    
    height:35px;    
    padding: 0px 0px 0px 0px;    
    background:url(http://www.cstav.ru/uCoz/3_uCoz-raz/35/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_p {    
    display:block;    
    position:relative;    
    }    

    .menu_p .drop {    
    float:left;    
    color:#66B427;    
    text-shadow:1px 1px 1px #000;font-weight: 700;    
    padding: 10px 17px 0px 10px;    
    margin-right: 10px;    
    background:url(http://www.cstav.ru/uCoz/3_uCoz-raz/35/drop1.png) no-repeat right 15px;    
    }    

    .menu_p:hover .drop{    
    background:url(http://www.cstav.ru/uCoz/3_uCoz-raz/35/drop2.png) no-repeat right 15px;    
    color:#2784b4;    
    }    

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

    .dd_ugol2,    
    .dd_menu_p {    
    width:300px;    
    }    

    .dd_menu,    
    .dd_menu_p {    
    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_p:hover .dd_menu,    
    .menu_p:hover .dd_menu_p{    
    top:40px;    
    left:auto;    
    right:0px;    
    }    

    .dd_ugol1,    
    .dd_ugol2 {    
    height:25px;    
    float:left;    
    position:absolute;    
    top: -25px;    
    right: 25px;    
    background:url(fon_ugol_1.png) no-repeat;    
    background-position: right bottom;    
    }    

    .dd_ugol1 {right:2px!important;}    
    .dd_menu_os {width:218px;}    
    .mini_profil {width:278px;}    

    .dd_menu_os,    
    .mini_profil {    
    overflow:hidden;    
    background:#eee;    
    border: 1px solid #353535;    
    margin:0;    
    padding:10px;    
    }    

    /* Вертикальное меню    
    ------------------------------------------*/    
    .menu_top {    
    margin:0;    
    padding:0;    
    list-style:none;    
    overflow:hidden;    
    width:238px;    
    background:#eee;    
    border: 1px solid #353535;    
    }    

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

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

    /* Мини профиль    
    ------------------------------------------*/    
    .mini_avatar {    
    width:35px;    
    height:35px;    
    }    

    .mp_avatar {    
    float:right;    
    margin: 0px 0px 0px 0px;    
    width:50px;    
    height:50px;    
    border: 3px solid #666;    
    }    

    .mp_info {    
    float:left;    
    margin:0;    
    padding:5px;    
    width:200px;    
    list-style:none;    
    }    

    .mp_info a:link,    
    .mp_info a:visited{color:#2784b4; font-weight: bold;}    
    .mp_info a:hover {color:#66B427;}    

    .mp_info li {    
    font: 10px Verdana,Arial,Helvetica, sans-serif;    
    padding: 2px 0px;    
    border-top: 1px solid #fff;    
    border-bottom: 1px solid #B7B7B7;    
    }    

    .border_v {border-top:none!important;}    
    .border_n {border-bottom:none!important;}    
    .bold {font-weight: bold;}    

    /* Кнопки    
    ------------------------------------------*/    
    .knopka_vxod:link,    
    .knopka_vxod:visited,    
    .knopka_reg:link,    
    .knopka_reg:visited {    
    float:left;    
    font-weight: bold;    
    color:#66B427;    
    text-shadow: 1px 1px 1px #000;    
    padding: 10px 10px 0px 10px;    
    }    

    .knopka_vxod:hover,    
    .knopka_reg:hover {color:#2784b4;}    

    .knopka_pochta:link,    
    .knopka_pochta:visited{    
    float:left;    
    font-weight: bold;    
    color:#2784b4;    
    text-shadow: 1px 1px 1px #000;    
    padding: 10px 10px 0px 10px;    
    }    
    .knopka_pochta:hover {color:#66B427;}    

    .knopka_vixod:link,    
    .knopka_vixod:visited{    
    float:right;    
    font: 9px Verdana,Arial,Helvetica, sans-serif;    
    color:#F1EDED; text-shadow: 1px 1px 1px #000;    
    background:#353535;    
    padding: 2px 7px 3px 7px;    
    margin: 5px 4px 0px 0px;    
    }    
    .knopka_vixod:hover {background:#444;}</style>

     <div id="top_bar">     
     <div id="top_bar_os">     
     <div class="td_l">     
     <a href="$HOME_PAGE_LINK$"><img alt="home" title="На главную страницу сайта" src="http://www.cstav.ru/uCoz/3_uCoz-raz/35/icon_home.png"></a>     
     </div>     
         
     <div class="td_l">     
     <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>     
     </div>     
         
     <div class="menu_p td_p">     
     <a href="#" class="drop">Меню</a>     
     <div class="dd_menu">     
     <span class="dd_ugol2"></span>     
     <ul class="menu_top">     
     <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>     
     <li><a href="http://www.cstav.ru">www.CSTAV.ru</a></li>     
     </ul>     
     </div>     
     </div>     

     <?if($USER_LOGGED_IN$)?>     
     <div class="menu_p td_p">     
     <a href="#"><img class="mini_avatar" alt="аватар" title="Вы зашли на сайт как $USERNAME$" src="http://www.cstav.ru/images2/no_ava.jpg"></a>     
     <div class="dd_menu_p">     
     <span class="dd_ugol1"></span>     
     <div class="mini_profil">     

     <a title="Мой профиль" href="$PERSONAL_PAGE_LINK$">     
     <?if($USER_AVATAR_URL$)?>     
     <img class="mp_avatar" alt="аватар" title="Вы зашли на сайт как $USERNAME$" src="$USER_AVATAR_URL$">     
     <?else?>     
     <img class="mp_avatar" alt="аватар" title="Вы зашли на сайт как $USERNAME$" src="http://www.cstav.ru/images2/no_ava.jpg">     
     <?endif?>     
     </a>     
         
     <ul class="mp_info">     
     <li class="border_v"><span class="bold">$USERNAME$</span></li>     
     <li>Твой IP: <span class="bold">$IP_ADDRESS$</span></li>     
     <li>Ты в группе: <span class="bold">$USER_GROUP$</span></li>     
     <li>Ты здесь: <span class="bold">$USER_REG_DAYS$-й день</span></li>     
     <li class="border_n"><a href="/index/11">Настройки профиля</a></li>     
     </ul>     
     <a href="$LOGOUT_LINK$" title="Выход" class="knopka_vixod"><!--<s5164>-->Выход<!--</s>--></a>     

     </div>     
     </div>     
     </div>     

     <div class="td_p">     
     <a href="$PM_URL$" title="Почта" class="knopka_pochta">Почта ($UNREAD_PM$)</a>     
     </div>     

     <?else?>     

     <div class="td_p">     
     <a href="$REGISTER_LINK$" title="Регистрация" class="knopka_reg"><!--<s3089>-->Регистрация<!--</s>--></a>     
     </div>     
         
     <div class="td_p">     
     <a href="$LOGIN_LINK$" title="Вход" class="knopka_vxod"><!--<s3087>-->Вход<!--</s>--></a>     
     </div>     

     <?endif?>     
         
     </div>     
     </div>     
     <!-- /Конец тегов Верхняя панель для пользователей -->


Удачи wink

PS: я вставлял в верхнюю часть сайта в самый верх
Прикрепления: 5298558.jpg (29.7 Kb)


На случай если буду нужен, то я там же, где и был, когда был не нужен...
Страна: (RU)
kredit-oformi
Четверг, 27 Марта 2014 | Сообщение 2
Оффлайн
Vip
Сообщений:1975
Награды: 5
Сегодня воспользовался скриптом верхняя панель для пользователей v.1.0 для uCoz
поменял цвета под свой сайт и вот, что получилось

было



стало



Спасибо Delete и этому сайту wink
Прикрепления: 9263497.jpg (90.1 Kb) · 4728735.jpg (61.8 Kb)


Сообщение отредактировал
kredit-oformi - Четверг, 27 Марта 2014, 17:23
Страна: (RU)
Kosten
Четверг, 27 Марта 2014 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
kredit-oformi, не балуй.. не за это я тебе прав добавил.. Видишь не помещается картинка. Что и зачем ее пихать ссылкой.
Страна: (RU)
Kosten
Четверг, 27 Марта 2014 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
И хочется сообщить что большая вероятность яндекс отменит ссылочную массу. Сделает другие алгоритмы если кто не в курсе. Особо хочу донести это для спамеров.

Если нужно что то загрузить работаем через файлы а точнее выбрать файл.

Добавлено (27.03.2014, 19:03)
---------------------------------------------
kredit-oformi, если тебе нужна активная ссылка с сайта.. то отпиши я поставлю.

Прикрепления: 2647054.jpg (9.3 Kb)
Страна: (RU)
kredit-oformi
Четверг, 27 Марта 2014 | Сообщение 5
Оффлайн
Vip
Сообщений:1975
Награды: 5
Цитата Kosten ()
не балуй.. не за это я тебе прав добавил

Ссорри больше такое не повторится, с планшета туплю, а то я думаю почему невлазиет а потом и исправить немогу
Страна: (RU)
Kosten
Четверг, 27 Марта 2014 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
kredit-oformi, просто картинки большие.
Страна: (RU)
kredit-oformi
Четверг, 27 Марта 2014 | Сообщение 7
Оффлайн
Vip
Сообщений:1975
Награды: 5
я в принципе не за ссылками тут
Страна: (RU)
Kosten
Четверг, 27 Марта 2014 | Сообщение 8
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
kredit-oformi, напиши статью про свой сайт. На какую тематику, как можно больше напишешь тем лучше и чтоб оригинал был. Я в не поставлю трастовую ссылку и сделаю отдельный пост в новостях.
Статью здесь не прописывай а скинешь мне.. на скайп dimon-7725 я ее размещу. В модуле новостей.
Страна: (RU)
Kosten
Четверг, 27 Марта 2014 | Сообщение 9
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
Да забыл сказать все бесплатно.. biggrin
Страна: (RU)
kredit-oformi
Четверг, 27 Марта 2014 | Сообщение 10
Оффлайн
Vip
Сообщений:1975
Награды: 5
smile хорошо
Страна: (RU)
Kosten
Четверг, 27 Марта 2014 | Сообщение 11
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
Вот лады.. cool
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Скрипт верхняя панель для пользователей v.1.0 для uCoz
  • Страница 1 из 1
  • 1
Поиск: