css menü
2012.02.10. 19:08
Ennek a menünek az elkészítése is nagyon egyszerű. Amit pirossal jelöltem azokat kell átírnod, itt majd arra az url-re gondolok,bámire hivatkozol, és a menüd nevére. :) Oda írtam minden hova, hogy mit hol tudsz beállítani. :) Demot itt láthatod:
És akkor itt a kód:
<html>
<head>
<style type="text/css">
ul
{
list-style-type:none;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
}
li
{
display:inline;
}
a:link,a:visited
{
font-weight:bold;
color:#FFFFFF;
background-color:#0000c0; /*a menü szine*/
text-align:center; /*a menü igazitása, ez itt jelenleg középpen van*/
padding:6px;
text-decoration:none; /*szöveg dekoráció, jelenleg nincs*/
text-transform:uppercase; /*szöveg, jelenleg nagybetű mindd*/
}
a:hover,a:active
{
background-color:#4040ff; /*a menü, amikor rámész*/
}
</style>
</head>
<body>
<ul>
<li><a href="//fuckinway.gportal.hu">Első</a></li>
<li><a href="//fuckinway.gportal.hu">Második</a></li>
<li><a href="//fuckinway.gportal.hu">Harmadik</a></li>
<li><a href="//fuckinway.gportal.hu">Negyedik</a></li>
</ul>
</body>
</html>
|