Hogy tudom a menüt hasonlóan megcsinálni mint az itt látható honlapon?
A html oldal kódja:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body{
background-color:#161616;
}
div.header{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin=0;
background-image:url('./styles/lucid_lime/theme/images/bg_header.png');
background-repeat:repeat-x;
margin-left: 0px;
margin-right: 0px;
}
div.content{
margin-left: 10%;
margin-right: 10%;
color: #FFF;
}
</style>
<link href="./menu_assets/styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="main">
<div class="header">
<a href="#">
<img src="./styles/lucid_lime/imageset/site_logo.png" alt title>
</a>
</div>
<p></p>
<div id='cssmenu'>
<center>
<ul>
<li class='active '><a href='#'><span>Home</span></a></li>
<li><a href='index.php'><span>Fórum</span></a></li>
<li><a href='#'><span>Rólam</span></a></li>
<li><a href='#'><span>YouTube</span></a></li>
</ul>
</center>
</div>
<p></p>
<div class="content">
</div>
</div>
</body>
</html>
A css file tartalma:
#cssmenu ul {
list-style-type:none;
position:relative;
display:block;
height:33px;
font-size:.6em;
background:url(images/bg.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin:0;
padding:0;
}
#cssmenu li {
display:block;
float:left;
margin:0;
padding:0;
}
#cssmenu li a {
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0;
font-weight:normal;
}
#cssmenu li a:hover,
#cssmenu .active {
color:#fff;
background:url(images/bg.png) repeat-x top left;
text-decoration:none;
}
#cssmenu .active a {
color:#fff;
font-weight:700;
}
#cssmenu ul{
background-color:#629600;
}
#cssmenu li a:hover,
#cssmenu li.active {
background-color:#7AB900;
}
És az oldal: http://thenewboston.org/index.php
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!