%100 Aktif-im Yapımı Açılır Menü

[aktifim]

Merhaba arkadaşlar ben eskidende burda olan forumun kapatılmasından dolayı forumdan ayrılan ve açılmasıyla birlikte yeniden gelen admininiz Aktif-im(Mustafa). Gelir gelmez sizlerle bir açılır menü çalışmamı paylaşacağım

Önizleme:



Kod

Kod: Tümünü Seç Tümünü Kopyala

<style type="text/css"> ul.menu {list-style:none;margin:0;padding:0;font:bold 14px/24px arial, verdana, sans-serif;} ul.menu li {float:left;position:relative;} li ul {display:none;list-style:none;} ul li a.menu{float:none;padding:8px 10px 8px 10px;background:#1e849c;color:#fff;display:block;text-decoration:none; background: url(http://img.webme.com/pic/a/aktif-im/ilkhover.png) no-repeat; border-bottom:4px solid #1e849c; } ul li a.menu:hover{color:#f5f5f5;background:#1e849c} li:hover > ul {display:block;position:absolute;margin:0;padding:0;} .acilir {width:250px;display:block;position:absolute} .acilir h2 {color:#fff;background:#f5f5f5;display:block;margin:0 auto;padding-left:5px;font:bold 12px/24px arial, verdana, sans-serif;width:95%} .acilir-ust {display:block;float:left;width:304px;height:30px;margin:-6px 0 0 0px;background:red;margin-top:5px;} .acilir-ust p {font-size:11px; font-family:tahoma;color:#fff;margin-top:1px;padding-left:5px;} .acilir-alt {display:block;background:url(http://img.webme.com/pic/a/aktif-im/acilir.png) no-repeat;float:left;width:304px;height:247px;} .sol {width:125px;margin:10px 15px 10px 10px;float:left;display:inline;font:14px/20px arial, verdana, sans-serif;} .sag {width:125px;margin:10px 15px 10px 10px;float:left;display:inline;font:14px/20px arial, verdana, sans-serif;} .sol a {display:block;color:#fff;background:transparent;text-decoration:none;padding:6px} .sag a {display:block;color:#fff;background:transparent;text-decoration:none;padding:6px} .sol a:hover {color:#fff;background:#1e849c;text-decoration:none;padding:6px;font-weight:bold;} .sag a:hover {color:#fff;background:#1e849c;text-decoration:none;padding:6px;font-weight:bold;} #yukari { border-bottom: 10px solid red; border-left: 7px solid transparent; border-right: 7px solid transparent; height: 0px; position: absolute; margin: 0px 0px 0px 16px; width: 0px; z-index: 2; margin-top:-3px; } </style> <ul class="menu"><br /> <li><a href="#" class="menu">Men&uuml; 1</a></li> <li><a href="#" class="menu">Men&uuml; 2</a></li> <li><a href="#" class="menu">Men&uuml; 3</a></li> <li><a href="#" class="menu">Men&uuml; 4</a></li> <li><a href="#" class="menu">Men&uuml; 5</a></li> <li><a href="#" class="menu">Men&uuml; 6</a></li> <li><a href="#" class="menu">Men&uuml; 7</a></li> <li><a href="#" class="menu">&Ouml;rnek A&ccedil;ılır</a> <ul class="sub"> <li> <div class="acilir" style="background-color:#f5f5f5;"> <div id="yukari" style="border-top-color:#e90000;">&nbsp;</div> <div class="acilir-ust" style="background-color:#1e849c;"> <p>Siteİsmi Kategorileri</p> </div> <div class="acilir-alt"> <div class="sol"><a href="#">A&ccedil;ılır 1</a> <a href="#">A&ccedil;ılır 2</a> <a href="#">A&ccedil;ılır 3</a> <a href="#">A&ccedil;ılır 4</a> <a href="#">A&ccedil;ılır 5</a> <a href="#">A&ccedil;ılır 6</a></div> <div class="sag"><a href="#">A&ccedil;ılır 7</a> <a href="#">A&ccedil;ılır 8</a> <a href="#">A&ccedil;ılır 9</a></div> </div> </div> </li> </ul> </li> </ul>

[admin]

harika teşekkürler

[aktifim]

harika teşekkürler

Rica Ederim.

[GrafikDizayn]

Bu menü sana mı ait dostum?

[aktifim]

Bu menü sana mı ait dostum?

evet bana ait mert

hoşbulduk kardeşim

[Just4Love_]

harika teşekkürler