UstMenuYapimi

  => İlk adımımız menümüzün sub yani açılan bölümleri ile başlığını belirliyoruz:
Kodumuz şu:
<li class="top"><a href="#" class="top_link"><span>Menüler</span></a>
    <ul class="sub">
        <li><a href="http://wwebw.tr.gg/YanMenu.htm">Yan Menüler</a></li>
        <li><a href="http://wwebw.tr.gg/UstMenu.htm">ÜstMenüler</a></li>        
   </ul>
    </li>

Bu kodu ardarda ekleyerek diğer menüleride eklemiş olursunuz.
=> Şimdi gelelim şekillere.Renklere.Stillere!
Yukarıdaki kodun önüne şu kodu ekleyin:
<div id="hmenu">
<div class="hmenu">
<link href="http://img63.xooimage.com/files/c/6/b/wwebwmenu-24f81de.css" type="text/css" rel="stylesheet" /><script type="text/javascript" src="http://img26.xooimage.com/files/1/8/a/jquery.min-160350b.js"></script> <script type="text/javascript" src="http://img51.xooimage.com/files/1/6/1/jqueryslidemenu-243c546.js"></script>
<div class="jqueryslidemenu" id="myslidemenu">

<ul>

<div class="jqueryslidemenu" id="myslidemenu">

Tabiyiki buradaki  WwebWMenu.css,jquery.min.js ve jqueryslidemenu.js formatındaki dosyaları kendinie göre ayarlayın.Zaten içerisinde gerekli olan resim dosya urlleri var.Kendiniz o resimleri yapıp ordaki url adresini değiştirebilirsiniz.
=> Ve en sonunada şu kapatma div kodunu ekleyeceğiz:
</ul>
</div>
Ve en son menü kodumuz şuna dönüştü:
<div id="hmenu">
<div class="hmenu">
<link href="http://img63.xooimage.com/files/c/6/b/wwebwmenu-24f81de.css" type="text/css" rel="stylesheet" /><script type="text/javascript" src="http://img26.xooimage.com/files/1/8/a/jquery.min-160350b.js"></script> <script type="text/javascript" src="http://img51.xooimage.com/files/1/6/1/jqueryslidemenu-243c546.js"></script>
<div class="jqueryslidemenu" id="myslidemenu">

<ul>

<div class="jqueryslidemenu" id="myslidemenu">
<li class="top"><a href="#" class="top_link"><span>Menüler</span></a>
    <ul class="sub">
        <li><a href="http://wwebw.tr.gg/YanMenu.htm">Yan Menüler</a></li>
        <li><a href="http://wwebw.tr.gg/UstMenu.htm">ÜstMenüler</a></li>        
   </ul>
    </li>
</ul>
</div>


Önizlemeside Şöyle:




Bu sayfa hakkındaki son yorum:
Yorumu gönderen: Lore, 14.02.2012, 17:22 (UTC):
I found just what I was nedeed, and it was entertaining!

Yorumu gönderen::22.07.2011, 15:27 (UTC)
bab-hunk
bab-hunk
Kapalı

''bssupport'' Sitende Üst Menü Alanı Olması Lazım Tavsiyem kendine üst menülü bir tasarim yap x)

Yorumu gönderen::20.07.2011, 17:14 (UTC)
bssupport
bssupport
Kapalı

Yha Video Koy Bari Nereye Koycağımızı Bile Yazmaışson

Yorumu gönderen::26.05.2011, 08:14 (UTC)
mutluylmz
mutluylmz
Kapalı

güzel anlatım menü kodu çoook işime yaradı buna benzer menü arıyordum zaten

Yorumu gönderen::20.05.2011, 15:44 (UTC)
alimcevik
alimcevik
Kapalı

Güzel.

Yorumu gönderen::17.04.2011, 09:37 (UTC)
beytullahdalli
beytullahdalli
Kapalı

sagol

Yorumu gönderen::18.03.2011, 12:59 (UTC)
asgardika
asgardika
Kapalı

:) ö.d

Yorumu gönderen::11.03.2011, 14:24 (UTC)
wwebw
wwebw
Kapalı

Biz teşekkür ederiz yorumunuz için.

Yorumu gönderen::09.03.2011, 07:52 (UTC)
asgardika
asgardika
Kapalı

tşk bu menüler için

Yorumu gönderen::26.02.2011, 21:27 (UTC)
wwebw
wwebw
Kapalı

Anlatım yenilendi..

Yorumu gönderen::25.02.2011, 21:18 (UTC)
programfrk
programfrk
Kapalı

mynet gidince buda calısmıyo yenikesen

Yorumu gönderen::21.02.2011, 18:01 (UTC)
sanalisland
sanalisland
Kapalı

Tebrikler çok güzel bir paylaşım



Bu sayfa hakkında yorum ekle:
İsmin:
Mesajınız:

=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=