Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj22.12.2011, 14:10 (UTC)    
Mesaj konusu: Açılır Menü Kodu

Evet arkadaşlar .bs alman forumundan size kendi züenlediğim bir açılır menü kodu getirdim.Kendinize göre düzenleyerek daha güzel bir açılırmenü elde edebilirsiniz.

Css Bölümüne Eklenecek Kod :
Kod:
<style type="text/css">
<!--

/* Feld um das Klappmenu */
#klappmenu {
position: absolute;
margin-top: 140px; /* Abstand von oben anpassen */
margin-left: 30px; /* Abstand zur linken Seite anpassbar */
width: 800px; /* die Breite anpassbar */
overflow: hidden;}

#klappmenu ul { list-style-type: none; margin:0px; padding: 0px; }
#liste ul li { margin: 0; border: none; }

/* Button Breite + Rahmen + Abstand */
#liste li {
width: 135px;
float: left;
text-align: center;
border: 1px solid #c9c9c9;
margin-right: 5px;
margin-left: 5px; }

/* Button Linkfarbe + Hintergrundfarbe */
#liste a {
display: block;
padding: 5px 5px 5px 5px;
color: #000000;
font-size: 13px;
background-color: #FFFFFF;
text-decoration: none; }

/* Button Hover-Farbe */
#liste a:hover {
color: #FFFFFF;
background-color: #008080; }

#liste li ul { display:none; } /* eingeklappt */
#liste li:hover ul { display:block; } /* ausgeklappt */

-->
</style>


Bu koduda menüyü nereyekoymak istiyorsanız oraya :
Kod:
<div id="klappmenu">
<ul id="liste">
<li><a href="#">Kategori</a>
<ul>
<li><a href="/link.htm">Link adı</a></li>
<li><a href="/link.htm">Link adı</a></li>
<li><a href="/link.htm">Link adı</a></li>
</ul>
</li>

<li><a href="#">Kategori 2</a>
<ul>
<li><a href="/link.htm">Link adı</a></li>
<li><a href="/link.htm">Link adı</a></li>
<li><a href="/link.htm">Link adı</a></li>
</ul>
</li>

<li><a href="#">Kategori 3</a>
<ul>
<li><a href="/link.htm">Link adı</a></li>
<li><a href="/link.htm">Link adı</a></li>
<li><a href="/link.htm">Link adı</a></li>
</ul>
</li>

<li><a href="#">Kategori 4</a>
<ul>
<li><a href="/link.htm">Link adı</a></li>
<li><a href="/link.htm">Link adı</a></li>
<li><a href="/link.htm">Link adı</a></li>
</ul>
</li>

<li><a href="#">Kategorie 5</a>
<ul>
<li><a href="/link.htm">Link adı</a></li>
<li><a href="/link.htm">Link adı</a></li>
<li><a href="/link.htm">Link adı</a></li>
</ul>
</li>
</ul>
</div>


Keyfinize göre kodda değişiklik yapabilirsiniz.
______________
Mesaj21.01.2012, 14:55 (UTC)    
Mesaj konusu:

tasarım olarak iceblue hazır şablonu kullanıyorum.
bu kodu kullanarak üzerine gelince aşağıya açılır menü butonu yapabilirmiyim?
evetse nereye kopyalayacağız acaba .en ufak bir yazılım bilgim yok malasef

teşekkürler
Mesaj21.01.2012, 21:41 (UTC)    
Mesaj konusu: Re: Açılır Menü Kodu

Güzel Wink
Mesaj22.01.2012, 14:21 (UTC)    
Mesaj konusu:

resimli anlatım yapsan iyi olurdu
Önceki mesajları göster:   


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