Forum'da ara:
Ara


Yazar Mesaj
Mesaj30.03.2011, 15:05 (UTC)    
Mesaj konusu: İlk Açılır Yatay Menüm

Evet arkadaşlar sizce ilk amatörce deneme bir yatay açılır menü hazırladım videolardan öğrendiklerimle sizce yeni başlayan biri için ne düzeyde bi çalışma tabi kendimi video izleyerek geliştireceğim photoshop cs4 ü az çok kavrabildim henüz iyi bir çalışma yapacak düzeyde değilim ama amatör olarak bi güzel sade bi tasarımım var ordaki bi kaç kod hatası var düzeltip koyacağım inş.

MENÜ KODU:
Kod:
<html>
<head><title>HABERKEYFİ</title>
<style type="text/css">
<!--
-->
</style>
<link href="menu.css" rel="stylesheet" type="text/css">
</head>
<body>
<ul id="menu">
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Haberler</a>
<ul>
<li><a href="#">Bugün Ne Oldu?</a></li>
<li><a href="#">Kategoriler</a></li>
<li><a href="#">Son Dakikia</a></li>
<li><a href="#">Arşiv</a></li>
</ul></li>
<li><a href="#">Diğer</a>
<ul>
<li><a href="#">Oyunlar</a></li>
<li><a href="#">Z.Defteri</a></li>
<li><a href="#">Galeri</a></li>
<li><a href="#">Videolar</a></li>
</ul></li>
<li><a href="#">Referanslarımız</a>
<ul>
<li><a href="#">Facebook Sayfamız</a></li>
<li><a href="#">Twitter Sayfamız</a></li>
<li><a href="#">Forum</a></li>
</ul></li>
<li><a href="#">İletişim</a></li>
</ul>
</body>
</html>



CSS KODU:

Kod:
ul#menu,ul#menu ul{
list-style:none;
margin:0;
padding:0;
}
ul#menu li{
float:left;
position:relative;
width:150px;
}
ul#menu li ul{
display:none;
}
ul#menu li a{
font:"Gill Sans MT Condensed"
font-size:13px;
font-weight:bold;
display:block;
border-width:1px;
border-style:solid;
border-color:#666
margin:0;
padding:2px 3x;
color:#000;
background-color:#CCC;
text-decoration:none;
}
ul#menu li a:hover{
color:#FFF;
background-color:#F00;
border-color:#900
}
ul#menu li:hover ul, ul#menu li.over ul{
display:block;
}
Önceki mesajları göster:   


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