• Страница 1 из 1
  • 1
Горизонтальное меню

серегаДата: Вторник, 22.06.2010, 18:14:29 | Сообщение # 1
Генералиссимус
Сообщений: 1544
Награды: 1
Репутация: 2

Создаем глобальный блог MENU и копируем этот код туда:
Code
<html>   
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />   
<link rel="stylesheet" href="/menu/styles.css" type="text/css" />   
</head>   
<body>   
<table cellspacing="1" border="1" cellpadding="1" width="100%">   
<tr><td>   
<div id="styleone">   
<div>   
<ul>   
<li><a href="$HOME_PAGE_LINK$"><img src="/menu/haus.gif" height="14"> <span>Главная сайта</span></a></li>   
<li><?if($URI_ID$!="page1")?> <?endif?><?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$"><img src="/menu/profil.png" height="13"> <span>Профиль</span></a><?else?></li>   
<li><a href="$REGISTER_LINK$"><img src="/menu/i-login.gif" height="15"> <span>Регистрация</span></a><?endif?></li>   
<li><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$"><img src="/menu/iesire.png" height="13"> <span>Выход</span></a><?else?></li>   
<li><a href="$LOGIN_LINK$"><img src="/menu/icon.gif" height="15"> <span>Вход</span></a><?endif?></li>   
</ul>   
</div>   
</div>   
</td></tr>   
</table>   
</body>   
</html>

/menu/styles.css указать путь к файлу CSS.

Создаем файл css и заливаем на сайт:

Code
h1 {   
font-family:Verdana, Arial, Helvetica, sans-serif;   
font-size:16px;   
font-weight:bold;   
margin:0;   
padding:0;   
}   

hr {   
border:none;   
border-top:1px solid #CCCCCC;   
height:1px;   
margin-bottom:25px;   
}   
#styleone{position:relative;display:block;height:21px;font-size:11px;font-weight:bold;background:transparent url(bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-bottom:1px solid #d9d9d9;}   
#styleone ul{margin:0;padding:0;list-style-type:none;width:auto;}   
#styleone ul li{display:block;float:left;margin:0 1px 0 0;}   
#styleone ul li a{display:block;float:left;color:#034895;text-decoration:none;padding:3px 20px 0 20px;height:18px;}   
#styleone ul li a:hover,#styleone ul li a.current{color:#034895;background:transparent url(bgON.gif) repeat-x top left;}   
#styleone div {   
display: table;   
margin: 0 auto;   
}

Потом код $GLOBAL_MENU$ вставляем туда где вам надо и всё.

Иконки и фон: http://letitbit.net/download/d75bfb0caf/ico.rar.html

P.S. копии меню можете не искать, тут такого нету, т.к. его сделал я. За основу был взят код самого обычного меню, и модернизирован мной. Меню легко настраивается под любой дизайн.



Делаю сервера и настраиваю их: WoW CS Mu online не дорого isq 499846784

< >
  • Страница 1 из 1
  • 1
Поиск: