Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
%100 Aktif-im Yapımı Açılır Menü
#1
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:

menuu.png

Kod

Kod:
<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>
imzagd.png
Cevapla
#2
harika teşekkürler Smile
Ara
Cevapla
#3
(08-02-2013, 02:32)Admin Nickli Kullanıcıdan Alıntı:  harika teşekkürler Smile

Rica Ederim.
imzagd.png
Cevapla
#4
Bu menü sana mı ait dostum?
Cevapla
#5
(08-02-2013, 02:51)GrafikDizayn Nickli Kullanıcıdan Alıntı:  Bu menü sana mı ait dostum?

evet bana ait mert

hoşbulduk kardeşim
imzagd.png
Cevapla
#6
(08-02-2013, 02:32)Admin Nickli Kullanıcıdan Alıntı:  harika teşekkürler Smile
k0tmp.png

Mesaj Hedefi:
50✔
75✔
100
125
150
175
200
Cevapla


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 3 Ziyaretçi


10tl.net Destek Forumu -