Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj10.10.2011, 16:14 (UTC)    
Mesaj konusu: Css Menü Kodlari (Üst + Alt)

Alt Menü


Kod:
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 190px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #00ccff url(http://i.imgur.com/zyqcJ.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #0066cc;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

</style>

<div class="urbangreymenu">

<h3 class="headerbar">ANAMENÜ</h3>
<ul>
<li><a href="http://active-world.tr.gg/">Anasayfa</a></li>
<li><a href="http://active-world.tr.gg/HTML-Kodlari.htm">HTML Kodları</a></li>
<li><a href="http://active-world.tr.gg/Videolar.htm">Videolar</a></li>
<li><a href="http://active-world.tr.gg/Forum.htm">Forum</a></li>
</ul>

<h3 class="headerbar">SİTE İÇERİK MENÜSÜ</h3>
<ul>
<li><a href="http://active-world.tr.gg/%26%23304%3BceBlue-Tasarim-Kodlari.htm">İceBlue Tasarim Kodlari</a></li>
<li><a href="http://active-world.tr.gg/Fbml-Kodlari.htm">Fbml Kodları</a></li>
<li><a href="http://www.facebook.com/pages/Active-worldtrgg/233554510033425?sk=wall">Facebook Sayfamiz</a></li>
<li><a href="http://active-world.tr.gg/F%26%23305%3Bkralar.htm">Fıkralar</a></li>
</ul>

</div>


Üstmenü

Kod:
<html>
<head>
<style type="text/css">
ul{
list-style-type:none;
}
li{
display:inline;
}
a{
float:left;
width:100px;
text-decoration:none;
color:white;
font-weight:bold;
padding:5px;
border-right:1px solid #33cc00;
background-color: #0066cc;
}
a:hover{
background:#0099ff;
}
</style>
<meta HTTP-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CSS yatay menu</title>
</head>
<body>
<ul>
<li><a href="active-world.tr.gg">Anasayfa</a></li>
<li><a href="http://active-world.tr.gg/HTML-Kodlari.htm">HTML</a></li>
<li><a href="http://active-world.tr.gg/Videolar.htm">Videolar</a></li>
<li><a href="http://active-world.tr.gg/Forum.htm">Forum</a></li>
<li><a href="http://active-world.tr.gg/%26%23304%3BceBlue-Tasarim-Kodlari.htm">İceblue T. </a></li>
<li><a href="http://active-world.tr.gg/F%26%23305%3Bkralar.htm">Fıkralar</a></li>
</ul>
</body>
</html>
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu