Меню сайта
АКЦИЯ!!!
Категории раздела
Сервис
Translate my page
Выбрать язык / Select language:
Бесплатное отправление смс сообщений!
Поиск
Календарь
« Май 2024 » Пн Вт Ср Чт Пт Сб Вс 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
Архив записей
Наш опрос
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Реклама
Главная » Меню
Настраиваем под себя! картинки и названия меню.
Есть два способа установить данное выдвигающееся меню:
1. Заходим в ПУ, Управление дизайном, Глобальные блоки, Создаем новый глобальный блок и называем его например MENU, вставляем в него данный код и сохраняем. Затем вставляем код глобального блока ( в данном случае : $GLOBAL_MENU$ ) на тех страницах где хотим видеть данное меню между ...
2. Второй способ, для ленивых. Просто берем данный код и вставляем между ..., на тех страницах, где будет наше меню.
Код
<style type="text/css">
/* ***** menu ***** */
ul#navigation {
position: fixed;
margin: 0px;
padding: 0px;
top: 0px;
right: 10px;
list-style: none;
z-index:999999;
width:550px;
}
ul#navigation li {
width: 103px;
display:inline;
float:left;
}
ul#navigation li a {
display: block;
float:left;
margin-top: -2px;
width: 100px;
height: 17px;
background-color:#E7F2F9;
background-repeat:no-repeat;
background-position:50% 10px;
border:1px solid #BDDCEF;
text-decoration:none;
text-align:center;
padding-top:80px;
opacity: 0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#navigation li a:hover{
background-color:#CAE3F2;
}
ul#navigation li a span{
letter-spacing:2px;
font-size:12px;
color:#60ACD8;
text-shadow: 0 -1px 1px #fff;
}
ul#navigation .bazar a{
background-image: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/108_miscellaoneous.png);
}
ul#navigation .hal a {
background-image: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/108_misc_doc.png);
}
ul#navigation .for a {
background-image: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/108_miscss.png);
}
ul#navigation .chatib a {
background-image: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/108_miscccss.png);
}
ul#navigation .sms a {
background-image: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/108_miscellaneous.png);
}
</style>
<ul id="navigation">
<li class="bazar"><a href="/" target ="_blank"><span>Домой</span></a></li>
<li class="hal"><a href="/load" target ="_blank"><span>Файлы</span></a></li>
<li class="for"><a href="/forum" target ="_blank"><span>Форум</span></a></li>
<li class="chatib"><a href="/news" target ="_blank"><span>Новости</span></a></li>
<li class="sms"><a href="/gb" target ="_blank"><span>Гостевая</span></a></li>
</ul>
<script type="text/javascript" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/108_navigation.js"></script>
<script type="text/javascript">
$(function() {
var d=300;
$('#navigation a').each(function(){
$(this).stop().animate({
'marginTop':'-80px'
},d+=150);
};);
$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
};);
</script>
</td>
</tr>
</table>
</div></td>
</tr>
</table>
Категория: Меню |
Просмотров: 394 |
Добавил: RedStar |
Дата: 15.08.2014
|
Вертикальное меню для футбольного сайта, рипнут с сайта фанатов Арсенала.
Вставляем код после и до на тех страницах, где хотим видеть меню:
Код
<!--Rip by FIFAGAMERS.RU-->
<div class="glossymenu">
<a class="menuitem" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_right.gif" border=0 alt=""> Главная</a>
<a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Материалы</a> <div class="submenu"> <ul> <li><a href="/">Новости</a></li> <li><a href="/stuff">Блоги</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Клуб</a> <div class="submenu"> <ul> <li><a href="/index/0-15">История Арсенала</a></li> <li><a href="/index/0-56">Логотип клуба</a></li> <li><a href="/index/0-16">Достижения клуба</a></li> <li><a href="/index/0-88">Рекорды клуба</a></li> <li><a href="/index/0-55">Легенды Арсенала</a></li> <li><a href="/index/0-176">Все менеджеры Арсенала</a></li> <li><a href="/index/0-4">Контакты клуба</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Арсенал</a> <div class="submenu"> <ul> <li><a href="/index/0-5">Состав Арсенала</a></li> <li><a href="/index/0-12">Резерв Арсенала</a></li> <li><a href="/index/0-7">Тренерский штаб</a></li> <li><a href="/index/0-6">Руководство клуба</a></li> <li><a href="/index/0-74">Форма Арсенала</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Сезон 2009-2010</a> <div class="submenu"> <ul> <li><a href="/index/0-162">Календарь игр</a></li> <li><a href="/index/0-163">Турнирная таблица</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Стадион</a> <div class="submenu"> <ul> <li><a href="/index/0-168">Эмирейтс</a></li> <li><a href="/index/0-169">Хайбери</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Мультимедиа</a> <div class="submenu"> <ul> <li><a href="/index/0-166">Фото-галерея</a></li> <li><a href="/index/0-167">Видео-галерея</a></li> <li><a href="/index/0-153">Игры сайта</a></li> <li><a href="/index/0-164">Скринсейверы</a></li> </ul> </div> <a class="menuitem submenuheader" href="/"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_down.gif" border=0 alt=""> Общение</a> <div class="submenu"> <ul> <li><a href="/forum/0-0-0-36">Правила сайта</a></li> <li><a href="/gb">Конференция</a></li> <li><a href="/index/0-3">Связь с Администрацией</a></li> <li><a href="/index/0-174">Наши баннеры</a></li> <li><a href="/index/0-175">Наши партнеры</a></li> </ul> </div> <a class="menuitem" href="/forum" target="_blank"><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_right.gif" border=0 alt=""> Форум</a> </div>
<style>
.glossymenu{margin: 5px 0;padding: 0;width: 191px; /*ширина меню*/
border: 0px solid #9A9A9A;border-bottom-width: 0;}
.glossymenu a.menuitem{background: black url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_carenA.gif')
repeat-x bottom left;font: bold 12px Tahoma;color:
white;display: block;position: relative; width: auto;padding: 4px
0;padding-left: 10px;text-decoration: none;}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{color: white;}
.glossymenu a.menuitem .statusicon{ position: absolute;top: 5px;right: 5px;border: none;}
.glossymenu a.menuitem:hover{background-image: url('http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/113_carenB.gif');}
.glossymenu div.submenu{ background: cb4a4a;}
.glossymenu div.submenu ul{ list-style-type: none;margin: 0;padding: 0;}
.glossymenu div.submenu ul li{border-bottom: 1px solid black;}
.glossymenu div.submenu ul li a{display: block;font: normal 13px
Tahoma; color: black;text-decoration: none;padding:
2px 0;padding-left: 10px;}
.glossymenu div.submenu ul li a:hover{background: #DFDCCB;colorz: white;}
</style>
<!--/Rip by FIFAGAMERS.RU-->
Категория: Меню |
Просмотров: 597 |
Добавил: RedStar |
Дата: 15.08.2014
|
Данный код вставляем в нужный блок:
Код
<style>#menu-cont li {list-style:none;padding:6px;border-bottom:1px dotted #c5c5c5; text-shadow:0px 1px 0px #ffffff; text-decoration:none;background:#f7f7f7}
#menu-cont li:hover {background:#ffffff}
</style>
<div id="menu-cont">
<li><a href="/forum/">Форум</a></li>
<li><a href="/load/">Торрент ігри</a></li>
<li><a href="/news/">Ігрові новини</a></li>
</div>
Заметим, что добавить или убрать ссылку можно очень легко, методом копирования.
Категория: Меню |
Просмотров: 425 |
Добавил: RedStar |
Дата: 15.08.2014
|
Код
<style>
{margin:0; padding:0;}
#nav {
font-size:0.8em;
list-style-type:none;
width:100%;
height:25px;
display:inline-block;
background:#7B9B37;
line-height:25px;
}
#nav li{
float:left;
width:120px;
margin-top:-10000px;
}
#nav li a {
width:120px;
text-decoration:none;
text-align:center;
color:#fff;
position:relative;
float:left;
margin-right:-119px;
margin-top:10000px;
}
#nav li a:hover, #content #nav li a:focus, #content #nav li a:active {
background:#C4E088;
margin-right:0;
color:#000000;
}
#nav li ul {
background:#617A2C;
float:left;
margin-top:-25px;
padding-top:25px;
margin-bottom:-10000px;
list-style-type:none;
}
#nav li ul li {
float:none;
margin:0;
width:auto;
}
#nav li ul li a {
float:none;
display:block;
margin:0;
margin-right:-1px;
background:#798E47;
} </style>
<ul id="nav">
<li><a href="/">Главная</a></li>
<li><a href="/news">Софт</a></li>
<li><a href="/blog">Музыка</a></li>
<li><a href="/forum/3">Вебмастеру</a>
</li>
<?if($USER_LOGGED_IN$)?><li><a href="$PERSONAL_PAGE_LINK$">Профиль</a></li><?else?><li><a href="$LOGIN_LINK$">Вход</a></li><?endif?>
</ul>
Категория: Меню |
Просмотров: 404 |
Добавил: RedStar |
Дата: 15.08.2014
|
Данный скрипт вертикального меню подойдет тем у кого не много ссылок, для остальных думаю будет лучше найти выдвижное меню для сайта.
В новый блок вставляем:
Код
<style>
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 185px;
/*CSOMSK.RU*/
/* Width of Menu Items */
border-bottom: 1px solid #000000;
}
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 185px;
/* Width of Menu Items */
border-bottom: 1px solid #101010;
}
.suckerdiv ul li{
position: relative;
}
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 185px;
/*sub menu width*/
top: 0;
visibility: hidden;
}
/*FIFAGAMERS.RU*/
/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto;
/*FIFAGAMERS.RU*/
/*force hasLayout in IE7 */
color: #c2c2c2;
text-decoration: none;
background: #292929;
padding: 3px 15px;
border: 1px solid #101010;
border-bottom: 0;
}
.suckerdiv ul li a:visited{
color: #c2c2c2;
}
.suckerdiv ul li a:hover{
background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/121_menu-back-ucoz.png);
}
.suckerdiv .subfolderstyle{
background: url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/121_menu-back-ucoz.png) no-repeat center right;
}
/*CSOMSK.RU*/
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */
</style>
<div class="suckerdiv">
<ul id="suckertree1">
<li><a href="/" >Главная</A> </li>
<li><a href="/forum/" >Форум</A></li>
<li><a href="/load/" >Файлы</A> </li>
<li><a href="/publ/" >Статьи</A> </li>
<li><a href="/news/" >Новости</A> </li>
</ul>
</div>
Заметим, что добавить или убрать ссылку можно очень легко, методом копирования.
Категория: Меню |
Просмотров: 483 |
Добавил: RedStar |
Дата: 15.08.2014
|
Выдвижное вертикальное меню для uCoz сайта.
Данное меню отличилось тем, что оно простое в установке, легко редактируется, а так же очень приятное в использовании.
Код вставляем в новый блок.
Код
<div style="display:inline;" id="menuDiv"><ul id="tmenu0" style="margin-left:4px">
<li class="expanded"><span style="font-weight:bold">Навигация</span>
<ul>
<li><a href="/">Главная</a></li>
<li><a href="/forum/">Форум</a></li>
</ul></li>
<li class="expanded"><span style="font-weight:bold">НАЗВАНИЕ</span>
<ul>
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>
</ul></li>
<li><span style="font-weight:bold">НАЗВАНИЕ</span>
<ul>
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>
<li><a href="ССЫЛКА">НАЗВАНИЕ</a></li>
</ul></li>
<script type="text/javascript">
//<![CDATA[
var li = document.getElementById('tmenu0').getElementsByTagName('li');
for(i in li) if(li.className=='expanded') li.setAttribute('expanded','1');
function tmenudata0() {
this.animation_jump = 5
this.animation_delay = 2
this.imgage_gap = 3
this.plus_image = "http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/119_plus.gif"
this.minus_image = "http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/119_n_st.gif"
this.pm_width_height = "14,14"
this.folder_image = "http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/119_folder.gif"
this.document_image = "http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/119_n_st.gif"
this.icon_width_height = "16,16"
this.icon_width2_height2 = "11,6"
this.indent = 10;
this.use_hand_cursor = true;
this.main_item_styles = "text-decoration:none; font-weight:normal; font-family:Arial; font-size:12px; color:#gold; padding:2px; "
this.sub_item_styles = "text-decoration:none; font-weight:normal; font-family:Arial; font-size:12px; color:#333333; "
this.main_container_styles = "padding:0px;"
this.sub_container_styles = "padding-top:1px; padding-bottom:1px;"
this.main_link_styles = "color:#ffffff; text-decoration:none;"
this.main_link_hover_styles = "color:#A98579; text-decoration:underline;"
this.sub_link_styles = ""
this.sub_link_hover_styles = ""
this.main_expander_hover_styles = "text-decoration:underline;";
this.sub_expander_hover_styles = "";
}
//]]>
</script>
<script src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/119_jsMenu.js" type="text/javascript"></script></div><script type="text/javascript">try { var nl=document.getElementById('menuDiv').getElementsByTagName('a'); var found=-1; var url=document.location.href+'/'; var len=0; for (var i=0;i<nl.length;i++){ if (url.indexOf(nl.href)>=0){ if (found==-1 || len<nl.href.length){ found=i; len=nl.href.length; } } } if (found>=0){ nl[found].className='ma'; } } catch(e){}</script>
</ul>
Категория: Меню |
Просмотров: 428 |
Добавил: RedStar |
Дата: 15.08.2014
|
Крутое раздвижное меню! Скрипт не мой!
Кому понравилось + в репу, можно и награду!
Установка:
Скачайте архив, распакуйте и залейте папку «menu» в корень сайта.
В head ставим (на страницах где будет меню, например: страницы сайта, главная страница сайта, форум и тд):
Код
<script language="javascript" type="text/javascript" src="/menu/jquery.js"></script>
<script language="javascript" type="text/javascript" src="/menu/accordion.js"></script>
В CSS вставляем:
Код
/* Menu */
.accordion h3 {font-size : 11px;color : #fff;padding-left : 10px;background : url(/menu/accordion.png) no-repeat right 0;line-height :25p;height : 25px;cursor : pointer;margin : 0;text-align : left;font-weight : bold;}
.accordion h3:hover {background : url(/menu/accordion.png) no-repeat right -25px;color : #ffa;}
.accordion h3.active {background : url(/menu/accordion.png) no-repeat right -50px;}
.accordion h3.active:hover {background : url(/menu/accordion.png) no-repeat right -75px;}
.accordion p {display : none;margin : 0;padding : 7px 0 7px 7px;}
.accordion a {font-size : 11px;color : #fff;text-align : left;font-weight : bold;padding-left : 15px;}
.accordion p.linked a {background : url(/menu/bull.gif) no-repeat 0 50%;}
/* ---------- */
Далее редактируете ссылки и ставите код:
Код
<div class="accordion">
<h3>Главное меню</h3>
<p class="linked">
<a href="/">Главная страница</a>
<a href="/gb/">Гостевая книга</a>
<a href="/index/0-3">Обратная связь</a>
<a href="/board/">Доска объявлений</a>
<a href="/publ/">Каталог статей</a>
<a href="/dir/">Каталог сайтов</a>
<a href="/blog/">Блог</a>
<a href="/faq/"><font color="DarkOrange">FAQ (вопрос/ответ)</font></a>
</p>
<h3>Компьютер</h3>
<p class="linked">
<a href="/load/">Каталог файлов</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
</p>
<h3>Отдохни</h3>
<p class="linked">
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
</p>
<h3>Форум</h3>
<p class="linked">
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
<a href="/">Пусто</a>
</div>
Категория: Меню |
Просмотров: 485 |
Добавил: RedStar |
Дата: 15.08.2014
|
Горизонтальное меню для сайта. Цвет меню - металлик. Имеются выдвижные окна. Дизайн очень аккуратный. Возможно редактировать и настраивать под свой дизайн. Все вопросы в комментариях.
Сам код меню Думаю что ещё никто такого не выкладывал!
Вставляем код после и до на тех страницах, где хотим видеть меню:
Код
<LINK rel="stylesheet" type="text/css" href="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/117_navi_eg.css">
<script type="text/javascript" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/117_jquery-latest.js"></script>
<script type="text/javascript" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/117_menu.js"></script>
<TABLE border="0" cellpadding="0" cellspacing="0" width="952"><TBODY><TR><TD height="6"></TD></TR><TR><TD align="center">
</TD></TR><TR><TD valign="top" align="center"></TD></TR></TBODY></TABLE>
<DIV id="global2" id="tools_index" class="tools">
<DIV class="wrap">
<UL class="topnav">
<LI><A id="nz1" href="/"></A>
<UL class="subnav">
<LI><A href="/news/1-0-1" style="border-bottom: 1px solid #e2e2e2"> Новости портала</A></LI>
<LI><A href="/news/1-0-4" style="border-bottom: 1px solid #e2e2e2"> Новости других порталов</A></LI>
<LI><A href="/news/1-0-3" style="border-bottom: 1px solid #e2e2e2"> Новости о CoD MW</A></LI>
<LI><A href="/news/1-0-2" style="border-bottom: 1px solid #e2e2e2"> Новости о CoD WaW</A></LI>
<LI><A href="/news/1-0-10" style="border-bottom: 1px solid #e2e2e2"> Новости о CoD MW 2</A></LI>
<LI><A href="/news/1-0-6" style="border-bottom: 1px solid #e2e2e2"> Новости турниров</A></LI>
<LI><A href="/news/1-0-9" style="border-bottom: 1px solid #e2e2e2"> Новости турниров портала</A></LI>
<LI><A href="/news/1-0-5" style="border-bottom: 1px solid #e2e2e2"> Недельный дайджест</A></LI>
<LI><A href="/news/1-0-8" style="border-bottom: 1px solid #e2e2e2"> Интервью</A></LI>
<LI><A href="/news/"> Архив новостей</A></LI>
</UL>
</LI>
<LI><A id="n2" href="../forum/"></A>
<UL class="subnav">
<LI><A href="/forum/0-0-1-34" style="border-bottom: 1px solid #e2e2e2"> Новые сообщения</A></LI>
<LI><A href="h/forum/0-0-1-35" style="border-bottom: 1px solid #e2e2e2"> Участники</A></LI>
<LI><A href="forum/0-0-0-36" style="border-bottom: 1px solid #e2e2e2"> Правила форума</A></LI>
<LI><A href="/forum/0-0-0-6" style="border-bottom: 1px solid #e2e2e2"> Поиск</A></LI>
<LI><A href="/forum/0-0-0-37"> RSS форума</A></LI>
</UL>
</LI>
<LI><A id="n11" href="../stuff/"></A>
<UL class="subnav">
<LI><A href="stuff/1" style="border-bottom: 1px solid #e2e2e2"> Новости</A></LI>
<LI><A href="/stuff/2" style="border-bottom: 1px solid #e2e2e2"> Статьи</A></LI>
<LI><A href="/stuff/3" style="border-bottom: 1px solid #e2e2e2"> Интервью</A></LI>
<LI><A href="/stuff/4"> Заметки</A></LI>
</UL>
</LI>
<LI><A id="n3" href="../load/"></A>
<UL class="subnav">
<LI><A href="/load/11" style="border-bottom: 1px solid #e2e2e2"> Call of Duty 4: MW</A></LI>
<LI><A href="/load/10" style="border-bottom: 1px solid #e2e2e2"> Call of Duty: WaW</A></LI>
<LI><A href="/load/26" style="border-bottom: 1px solid #e2e2e2"> Call of Duty: MW 2</A></LI>
<LI><A href="/load/15" style="border-bottom: 1px solid #e2e2e2"> Call of Duty 2</A></LI>
<LI><A href="load/28"> Soft</A></LI>
</UL>
</LI>
<LI><A id="n4" href="../photo/"></A>
<UL class="subnav">
<LI><A href="/photo/12" style="border-bottom: 1px solid #e2e2e2"> Вылазки</A&g
...
Читать дальше »
Категория: Меню |
Просмотров: 432 |
Добавил: RedStar |
Дата: 15.08.2014
|
Вертикальное меню для футбольного сайта и фанатов клуба FC Barcelona. Меню подойдет абсолютно под любой дизайн.
Скрин:
Данный код вставляем в новый блок, созданный через конструктор либо через пу в первый или второй контейнер:
Код
<div align="left">
<span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"></span></span></span><img alt="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/111_barcelona.png" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/111_barcelona.png"><br>
<span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../" class="mainlevel">Главная</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../blog/1-0-2" class="mainlevel">Блоги</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-53" class="mainlevel">Команда сайта</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-52" class="mainlevel">Ссылки</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-41" class="mainlevel">Наши баннеры</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../publ" class="mainlevel">Матчи в записи (new)</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-71" class="mainlevel">Матч-Центр</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><br></noindex></span></span></span><img alt="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/111_barcelona.png" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/111_barcelona.png"><br><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-60" class="mainlevel">Главный тренер</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../blog/1-0-1" class="mainlevel">Биографии</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-8" class="mainlevel">Легенды</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-28" class="mainlevel">Форма</a></noindex></span></span></span><a href="../index/0-4" class="mainlevel">Трофеи</a><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-2" class="mainlevel">О клубе</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-7" class="mainlevel">Стадион</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><br></noindex></span></span></span><img alt="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/111_season.png" src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/menu/111_season.png"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><br><a href="../index/0-12" class="mainlevel">Календарь</a></noindex></span></span></span><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 0);"><noindex><a href="../index/0-61" class="mainlevel">Лига Чемпио
...
Читать дальше »
Категория: Меню |
Просмотров: 433 |
Добавил: RedStar |
Дата: 15.08.2014
|
Установка:
В новый блок вставляем код:
Код
<style>
body {background:#2a2a2a;}
#all {margin:0 auto; width:200px;}
.button {background: url(http://pnghosts.ru/img/button.png)no-repeat;width:200px;height:19px;margin-bottom:1px;}
.button:hover {background: url(http://pnghosts.ru/img/button.png)no-repeat;width:200px;height:19px;background-position: -200px 0;}
.button a {color:#777777;text-decoration:none;font:11px/18px tahoma;padding:0px 12px;}
</style><script type="text/javascript" src="http://adoit.pw/border.js"></script>
</head>
<body>
<div id="all">
<div class="button"><a href="">Главная страница</a></div>
<div class="button"><a href="">Каталог файлов</a></div>
<div class="button"><a href="">Сверстал bogomol</a></div>
<div class="button"><a href="">Сверстал bogomol</a></div>
<div class="button"><a href="">Сверстал bogomol</a></div>
<div class="button"><a href="">Сверстал bogomol</a></div>
</div>
</body>
Категория: Меню |
Просмотров: 521 |
Добавил: DoG |
Дата: 11.08.2013
|