Меню

d3a7h_1313

Registered
Как да си направя меню като това
http://4web-bg.com/
навигационното меню ? знам че в със стайл.цсс но като копирам частта със менюто и го сложа в моя стайл и после променя id= се прецакйва всичко ето го меню кода в стайл.цсс от моя сайт
Код:
.menubrd {
border-left: 1px #FF7400 solid;
border-right: 1px #FF7400 solid;
padding: 10px;
}
неговия може да го видите тук

http://4web-bg.com/style.css който помогне +1
 
Код:
 <html>
<title></title>
<style>
body {
background: #fff;
font-family: Tahoma;
font-size: 11px;
color: #222;
}
#navmenu ul li {
width: 150px;
display: block;
font-size: 11px;
margin: 0 0 4px 0;
}

#navmenu ul li a {
display: block;
width: 150px;
background: url(http://4web-bg.com/images/bull_go.gif) 0 2px no-repeat;
padding: 4px 0 4px 18px;
font-size: 11px;
color: #222;
text-decoration: none;
}

#navmenu ul li a:hover {
background-color: #FFFFCC;
color: #222;
}
</style>
<body>
<div id="navmenu">
	<ul>
		<li><a href="index.php">Начало</a></li>
		<li><a href="forum/"><b>ФОРУМИ</b></a></li>
		<li><a href="scripts.php">Скриптове</a></li>
		<li><a href="freetemplates.php">Безплатни темплейти</a></li>
		<li><a href="templates.php">Темплейти </a></li>
		<li><a href="http://uro4e.com" target="_blank">Уроци ®</a></li>
		<li><a href="search.php"><b>ТЪРСЕНЕ</b></a></li>
		<li><a href="about.php">За нас</a></li>
		<li><a href="contact.php">Връзка с нас</a></li>
	</ul>
	</div>
</body>
</html>
 
<html>
<head>
<link type="text/css" rel="stylesheet" href="http://4web-bg.com/style.css">
<meta content="text/html; charset=windows-1251" http-equiv="Content-Type"/>
</head>
<body>
<table width="100%" cellspacing="0" cellpadding="0" border="0" id="menu">
<tr>
<td class="menubg">Главно меню</td>
</tr>
<tr>
<td class="menubg2">
<div id="navmenu">
<ul>
<li><a href="index.php">Начало</a></li>
<li><a href="forum/"><b>ФОРУМИ</b></a></li>
<li><a href="scripts.php">Скриптове</a></li>
<li><a href="freetemplates.php">Безплатни темплейти</a></li>
<li><a href="templates.php">Темплейти <img src="http://4web-bg.com/images/new.gif"/></a></li>
<li><a target="_blank" href="http://uro4e.com">Уроци ®</a></li>
<hr/>
<li><a href="search.php"><b>ТЪРСЕНЕ</b></a></li>
<li><a href="about.php">За нас</a></li>
<li><a href="contact.php">Връзка с нас</a></li>
</ul>
</div>
</td>
</tr></table>
</body>
</html>
 

Back
Горе