Скачать Шапка google для ucoz бесплатно
Меню сайта
Статистика
Всего на Острове: 1
Гостей: 1
Отдыхающих: 0
Главная
Информация:

Скрипты авторство tropic
Описание и установка:
Скачать бесплатно Шапка google для ucoz
Искать по тегам: Google, шапка, ucoz, для
Шапка в стиле google очень похоже получилось. Данную шапку я собирал по частям горизонтальный светлый поиск, кнопки в стиле google для ucoz, горизонтальное темное меню google для ucoz. Написал парочку стилей и собрал в одно целое вообщем получилось что то похожее возможно кому то сгодится для светлых дизайнов. На скрине видно два вида шапки, сверху гость, снизу авторизованный.

Автор: ivanfom
Сайт автора указывайте кликабельную сылку.

И так приступим к установке, данный ниже код нужно вставить в Верхнюю часть сайта, предварительно там все удалив.
Код
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td colspan="3">
<div class="tmenu">  
<ul>  
<li><a href="$HOME_PAGE_LINK$">Главная</a></li>  
<li><a class="active" href="#">Советы</a></li>  
<li><a href="#">Шаблоны</a></li>  
<li><a href="#">Скрипты</a></li>  
</ul>  
</div>
</td>
</tr>

<tr>
<td width="35%" class="search">
<ul align="left" id="tab">
<li id="left" class="active"><a href="#">FAQ</a></li>
<li id="center"><a href="#">uSeans</a></li>
<?if($LOGIN_LINK$)?><li id="center"><a href="/index/3">Регистрация</a></li><?endif?>
<li id="right" title="Ваш браузер">$USER_AGENT$ $USER_AGENT_VER$</li>
</ul>
</td>

<td class="search" width="35%" align="center">
<form onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/" ><input class="poick_pole"type="text" name="q" maxlength="30" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}"/><input class="poick_knopka" type="submit" value="Найти" /><input type="hidden" name="t" value="0" /></form>
</td>

<td align="right" width="30%" class="search"><?if($LOGIN_LINK$)?><a class="sbmt" href="$LOGIN_LINK$">Вход</a><?else?>
<ul align="right" id="tab">
<li id="left">$USERNAME$</li>
<li id="center" title="Сообщений">$UNREAD_PM$</li>
<li id="center">$DATE$</li>
<li id="right"><a href="$LOGOUT_LINK$">Выход</a></li>
</ul>
<?endif?></td>
</tr>

<?if($LOGIN_LINK$)?>
<tr>
<td colspan="3" class="users"><div rel="nofollow"><noindex>Внимание скачивать файлы могут только зарегистрированные пользователи, пройдите простую регистрацию!</noindex></div></td>
</tr>
<?else?>
<tr>
<td colspan="3" class="users2">
<div rel="nofollow"><noindex>
<script language="JavaScript">  
function process(){}  
today = new Date()  
if((today.getHours() < 12) && (today.getHours() >= 6))  
{ document.write("<font color=#fff>Доброе вам утро</font>")}  
if((today.getHours() >= 12) && (today.getHours() < 18))  
{ document.write("<font color=#fff>Добрый день</font>")}  
if((today.getHours() >= 18) && (today.getHours() <= 23))  
{ document.write("<font color=#fff>Добрый вечер</font>")}  
if((today.getHours() >= 0) && (today.getHours() < 4))  
{ document.write("<font color=#fff>Вы сегодня поздновато, </font>")}  
if((today.getHours() >= 4) && (today.getHours() < 6))  
{ document.write("<font color=#fff>Вы сегодня рановато, </font>")}  
</script> <ins>$USERNAME$</ins> вы можете скачивать все файлы на сайте бесплатно!
</noindex></div>
</td>
</tr>
<?endif?>
</table>

<div style="height:10px;"></div>


Этот стиль добавляем в таблицу стилей css в самый низ:
Код
/* ====== Search Google ====== */
.tmenu ul {  
border:0;  
border-bottom:1px solid #000000;  
background:#2D2D2D;  
font-weight:normal;  
font-size:10pt;  
font-family:Arial;  
height:30px;  
line-height:30px;  
margin:0;  
padding:0;  
padding-left:4px;  
overflow:hidden;  
}  
.tmenu li {  
list-style-type:none;  
float:left;  
}  
.tmenu a {  
padding:6px;  
padding-bottom:7px;  
color:#CCCCCC;  
text-decoration:none;  
}  
.tmenu a:hover {  
padding:6px;  
color:#FFFFFF;  
padding-top:7px;  
padding-bottom:8px;  
text-decoration:none;  
background:#4C4C4C  
}  
.tmenu a.active {  
border-top:2px solid #DD4B39;  
padding:6px;  
padding-top:5px;  
padding-bottom:7px;  
color:#FFFFFF;  
font-weight:bold;  
text-decoration:none;  
}  

.tmenu a.active:hover {  
border-top:2px solid #DD4B39;  
padding:6px;  
padding-top:5px;  
padding-bottom:7px;  
color:#FFFFFF;  
border-top:3px solid #DD4B39;  
text-decoration:none;  
background:#4C4C4C;
}

.search {
height:72px; background-color:#f7f7f7;
border:1px; border-bottom-style:solid; border-bottom-color:#e5e5e5;
}
/* ----------------- */

/* ====== Button Google ====== */
#tab{
  list-style:none;
  margin:10px; padding:0;
  overflow: auto;
}
#tab li{
  cursor: default;
  color: #6e6e6e;
  font: bold 12px Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 7px 12px;
  position: relative;
  display: inline-block;
  text-shadow: 0 1px 0 #fff;
  -webkit-transition: border-color .218s;
  -moz-transition: border .218s;
  -o-transition: border-color .218s;
  transition: border-color .218s;
  background: #f3f3f3;
  background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
  background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
}

#left{
  border-top-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-left-radius: 2px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  border: solid 1px #d8d8d8;
  margin-right:-5px;
  }

#center{ border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: solid 1px #d8d8d8;
  margin-right:-5px;}

#right{border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px;
  border: solid 1px #d8d8d8;}

#center:hover{ border-color: #c6c6c6; }
#tab li:hover{
  color: #333;
  border-color: #c6c6c6;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) ;
  -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}

#tab li.active{
  color: #000;
  border: solid 1px #c6c6c6;
  background: -webkit-linear-gradient(top,#EEE,#E0E0E0);
  background: -moz-linear-gradient(top,#EEE,#E0E0E0);
  background: -ms-linear-gradient(top,#EEE,#E0E0E0);
  background: -o-linear-gradient(top,#EEE,#E0E0E0);
  background: linear-gradient(top,#EEE,#E0E0E0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
/* ----------------- */

/* ====== Button number Google ====== */
.sbmt {
  color: #6e6e6e;
  font: bold 12px Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 7px 12px;
  position: relative;
  outline: none;
  display: inline-block;
  text-shadow: 0 1px 0 #fff;
  -webkit-transition: border-color .218s;
  -moz-transition: border .218s;
  -o-transition: border-color .218s;
  transition: border-color .218s;
  background: #f3f3f3;
  background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
  background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
  border: solid 1px #d8d8d8;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin-right: 10px;
  }

.sbmt:hover{
  color: #333;
  border-color: #c6c6c6;
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.sbmt:active{
  color: #000;
  border: solid 1px #c6c6c6;
  background: -webkit-linear-gradient(top,#EEE,#E0E0E0);
  background: -moz-linear-gradient(top,#EEE,#E0E0E0);
  background: -ms-linear-gradient(top,#EEE,#E0E0E0);
  background: -o-linear-gradient(top,#EEE,#E0E0E0);
  background: linear-gradient(top,#EEE,#E0E0E0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
/* ----------------- */

/* ====== Search Form ====== */  
.poick_os input {  
vertical-align:middle;  
}  

.poick_pole {  
font:11px Verdana,Arial,Helvetica,sans-serif;  
color:#555; text-shadow: 1px 1px 1px #fff;  
height:26px;  
width:230px;  
margin:0;  
padding:4px;  
background:#f6f6f6;  
border: 1px solid #d6d6d6;  
border-right: none;  
}  
   
.poick_pole:focus {  
background:#ebebeb;  
}  
   
.poick_knopka {  
font:11px Verdana,Arial,Helvetica,sans-serif;  
color:#555; text-shadow: 1px 1px 1px #fff;  
height:26px;  
margin:0;  
padding:0 7px;  
background:#e9e9e9;  
border:1px solid #d6d6d6;  
}  
   
.poick_knopka:hover {  
background:#ebebeb;  
}
/* ----------------- */

.users {
text-align:center;
background:#4D90FE; color:#FFFFFF;
height:35px; padding:5px; font-weight: bold;
}

.users2 {
text-align:center;
background:#5dcb62; color:#FFFFFF;
height:35px; padding:5px; font-weight: bold;
}


Отпишитесь кто себе поставил если что то не так напишите в коментах я поправлю, но должно все работать четко.
Похожие материалы:
Всего комментариев: 1
1 vishev_kirill  
0
все круто но как сделать чтобы это меню закрепилось с на экране чтоб при прокрутки  внис оно остовалось да я знаю код но не знаю куда пихать везде пробовал

Защита от спама пройдите простую регистрацию или авторизацию.
[ Регистрация | Вход ]
Скрипты по жанрам
Наши сайты

Эти сайты можно купить по вопросам пишите администратору сайта, или на почту ivanfome@bk.ru.

  • 3D - Кино скачать торрент
  • Сериал Восьмидесятые
  • Дневник купца скачать
    • Форма входа
    Старая форма входа
    Поиск

    Copyright << TroPic.do.am >> © 2025 Хостинг от uCoz. Дизайн сайта оптимизирован изначально под разрешение экрана 1024x768 мы рекомендуем вам его использовать для комфортного просмотра материалов сайта. Рекомендуемые браузеры для корректного использования сайта Internet Explorer (Только последние версии), FireFox, Opera, Google Chrome, Яндекс, Safari и многие другие. Внимание копирование материалов сайта, без указания кликабельной сылки строго запрещено! | Автор дизайна: tropic. | sitemap.xml