MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
merihforum avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Header'e açılır menü ekleme


Sponsor Reklam

Çevrimdışı merihforum
 Tarih: 16-04-2017, Saat:22:03
(Son Düzenleme: 16-04-2017, Saat:22:55, Düzenleyen: merihforum.)
#1
Merhaba arkadaşlar.
Kendi sitem için tasarladığım ve sizlerinde kullanabileceğinizi düşündüğüm Header sitenin üst tarafı için açılır menü.
Tasarım tümüyle bana aittir.

Merih Portal Tasarım v1.0 ın devamı diyebiliriz.
http://mybbdepo.com/merih-portal-tasarim...onusu.html

Diğer dersteki gibi bunuda 2 adımda anlatayım.

  1. Kurulum
  2. Kendinize göre düzenleme


Kurulum
Kodları benim koyduğum yer 
Admin Paneli >> Temalar & Şablonlar >> Şablonlar >> Temanız >> Header üst kısım şablonlar >> header ;

header de <div id="mbox" style="margin-top: -1px;">  hemen altı, <div class="float_left"> in üstü.
Bu kodları ikisinin arasına yerleştirin.

Kod:
<link rel="stylesheet" href="header_i_in_files/mbcsmbvistadark.css" type="text/css" />
<div id="mbvistadarkebul_wrapper">
 <ul id="mbvistadarkebul_table" class="mbvistadarkebul_menulist css_menu">
 <li><a><div class="buttonimg buttonimg_56" style="width: 16px; background-image: url('header_i_in_files/ebbtmbvistadark1.png')">&nbsp;</div></a></li>
 <li><a href="http://merihforum.com/portal.php"><img id="mbi_mbvistadark_2" src="header_i_in_files/mb_portal.png" name="mbi_mbvistadark_2" width="106" height="56" border="0" alt="Portal" title="" class="normalbutton" /><img id="mbi_mbvistadark_2" src="header_i_in_files/mb_portal_over.gif" name="mbi_mbvistadark_2" width="106" height="56" border="0" alt="Portal" title="" class="hoverbutton" /><img id="mbi_mbvistadark_2" src="header_i_in_files/mb_portal_down.gif" name="mbi_mbvistadark_2" width="106" height="56" border="0" alt="Portal" title="" class="downbutton" /></a></li>
 <li><a href="http://merihforum.com/index.php"><img id="mbi_mbvistadark_3" src="header_i_in_files/mb_forum.png" name="mbi_mbvistadark_3" width="130" height="56" border="0" alt="Forum" title="" class="normalbutton" /><img id="mbi_mbvistadark_3" src="header_i_in_files/mb_forum_over.gif" name="mbi_mbvistadark_3" width="130" height="56" border="0" alt="Forum" title="" class="hoverbutton" /><img id="mbi_mbvistadark_3" src="header_i_in_files/mb_forum_down.gif" name="mbi_mbvistadark_3" width="130" height="56" border="0" alt="Forum" title="" class="downbutton" /></a>
   <ul class="img_32">
   <li class="first_item"><a href="http://merihforum.com/forumdisplay.php?fid=1" class="with_img_24" title=""><img src="header_i_in_files/mbico_mbvistadark_1.png" alt="" />Başlangıç</a></li>
   <li><a href="http://merihforum.com/forumdisplay.php?fid=29" class="with_img_32 with_arrow" title=""><img src="header_i_in_files/mbico_mbvistadark_2.png" alt="" />Android</a>
     <ul class="img_32">
     <li class="first_item"><a class="with_img_32" title=""><img src="header_i_in_files/mbico_mbvistadark_3.png" alt="" />Destek</a></li>
     <li class="last_item"><a class="with_img_32" title=""><img src="header_i_in_files/mbico_mbvistadark_4.png" alt="" />Oyun</a></li>
     </ul></li>
   <li><a href="http://merihforum.com/forumdisplay.php?fid=71" class="with_img_32 with_arrow" title=""><img src="header_i_in_files/mbico_mbvistadark_5.png" alt="" />MMO / RPG</a>
     <ul class="img_24">
     <li class="first_item"><a href="http://merihforum.com/forum-35.html" class="with_img_24 with_arrow" title=""><img src="header_i_in_files/mbico_mbvistadark_6.png" alt="" />Dota 2</a>
       <ul class="img_24">
       <li><a href="http://merihforum.com/forumdisplay.php?fid=121" class="with_img_24" title=""><img src="header_i_in_files/mbico_mbvistadark_7.png" alt="" />Turnuvalar</a></li>
       </ul></li>
     <li><a href="http://merihforum.com/forum-107.html" class="with_img_24" title=""><img src="header_i_in_files/mbico_mbvistadark_8.png" alt="" />LOL</a></li>
     <li><a href="http://merihforum.com/forum-44.html" class="with_img_24" title=""><img src="header_i_in_files/mbico_mbvistadark_9.png" alt="" />Silkroad</a></li>
     <li class="last_item"><a class="with_img_24" title=""><img src="header_i_in_files/mbico_mbvistadark_10.png" alt="" />Wot</a></li>
     </ul></li>
   <li><a href="http://merihforum.com/forum-18.html" class="with_img_32 with_arrow" title=""><img src="header_i_in_files/mbico_mbvistadark_11.png" alt="" />Oyun</a>
     <ul class="img_32">
     <li class="first_item"><a href="http://merihforum.com/forum-70.html" class="with_img_24" title=""><img src="header_i_in_files/mbico_mbvistadark_12.png" alt="" />Tarayıcı Tabanlı</a></li>
     <li><a href="http://merihforum.com/forum-62.html" class="with_img_32" title=""><img src="header_i_in_files/mbico_mbvistadark_13.png" alt="" />Yeni</a></li>
     <li><a class="with_img_32" title=""><img src="header_i_in_files/mbico_mbvistadark_14.png" alt="" />Eski</a></li>
     <li class="last_item"><a href="http://merihforum.com/forum-86.html" class="with_img_32" title=""><img src="header_i_in_files/mbico_mbvistadark_15.png" alt="" />Oyun Haber</a></li>
     </ul></li>
   <li><a href="http://merihforum.com/forum-74.html" class="with_img_32 with_arrow" title=""><img src="header_i_in_files/mbico_mbvistadark_16.png" alt="" />Programlama</a>
     <ul class="img_32">
     <li class="first_item"><a href="http://merihforum.com/forumdisplay.php?fid=78" class="with_img_24" title=""><img src="header_i_in_files/mbico_mbvistadark_17.png" alt="" />C# - C++</a></li>
     <li><a href="http://merihforum.com/forumdisplay.php?fid=80" class="with_img_24" title=""><img src="header_i_in_files/mbico_mbvistadark_18.png" alt="" />Python</a></li>
     <li><a href="http://merihforum.com/forumdisplay.php?fid=77" class="with_img_24" title=""><img src="header_i_in_files/mbico_mbvistadark_19.png" alt="" />java</a></li>
     <li><a href="http://merihforum.com/forum-81.html" class="with_img_24" title=""><img src="header_i_in_files/mbico_mbvistadark_20.png" alt="" />PHP</a></li>
     <li class="last_item"><a href="http://merihforum.com/forum-74.html" class="with_img_32" title=""><img src="header_i_in_files/mbico_mbvistadark_21.png" alt="" />Oyun</a></li>
     </ul></li>
   <li><a href="http://merihforum.com/forumdisplay.php?fid=3" class="with_img_32 with_arrow" title=""><img src="header_i_in_files/mbico_mbvistadark_22.png" alt="" />Bilgisayar</a>
     <ul class="img_32">
     <li class="first_item"><a href="http://merihforum.com/forum-21.html" class="with_img_24" title=""><img src="header_i_in_files/mbico_mbvistadark_23.png" alt="" />Windows</a></li>
     <li><a href="http://merihforum.com/forum-115.html" class="with_img_32" title=""><img src="header_i_in_files/mbico_mbvistadark_24.png" alt="" />Sistem / Donanım / Güvenlik</a></li>
     <li class="last_item"><a href="http://merihforum.com/forum-72.html" class="with_img_24" title=""><img src="header_i_in_files/mbico_mbvistadark_25.png" alt="" />Linux</a></li>
     </ul></li>
   <li><a href="http://merihforum.com/forum-87.html" class="with_img_24 with_arrow" title=""><img src="header_i_in_files/mbico_mbvistadark_26.png" alt="" />Telefon</a>
     <ul class="img_32">
     <li class="first_item"><a href="http://merihforum.com/forum-89.html" class="with_img_32" title=""><img src="header_i_in_files/mbico_mbvistadark_27.png" alt="" />Modeller</a></li>
     <li><a href="http://merihforum.com/forum-102.html" class="with_img_24" title=""><img src="header_i_in_files/mbico_mbvistadark_28.png" alt="" />Uygulamalar Dünyası</a></li>
     <li class="last_item"><a href="http://merihforum.com/forumdisplay.php?fid=97" class="with_img_24" title=""><img src="header_i_in_files/mbico_mbvistadark_29.png" alt="" />iphone</a></li>
     </ul></li>
   <li class="last_item"><a href="http://merihforum.com/forum-26.html" class="with_img_32 with_arrow" title=""><img src="header_i_in_files/mbico_mbvistadark_30.png" alt="" />Konu Dışı</a>
     <ul class="img_32">
     <li class="first_item"><a href="http://merihforum.com/forum-66.html" class="with_img_24" title=""><img src="header_i_in_files/mbico_mbvistadark_31.png" alt="" />Haberler</a></li>
     <li><a href="http://merihforum.com/forum-92.html" class="with_img_24" title=""><img src="header_i_in_files/mbico_mbvistadark_32.png" alt="" />Sosyal Medya</a></li>
     <li><a href="http://merihforum.com/forum-116.html" class="with_img_32" title=""><img src="header_i_in_files/mbico_mbvistadark_33.png" alt="" />Sinema</a></li>
     <li class="last_item"><a href="http://merihforum.com/forum-61.html" class="with_img_32" title=""><img src="header_i_in_files/mbico_mbvistadark_34.png" alt="" />Geyik</a></li>
     </ul></li>
   </ul></li>
 <li><a href="http://merihforum.com/search.php"><img id="mbi_mbvistadark_4" src="header_i_in_files/mb_arama.png" name="mbi_mbvistadark_4" width="107" height="56" border="0" alt="Arama" title="" class="normalbutton" /><img id="mbi_mbvistadark_4" src="header_i_in_files/mb_arama_over.gif" name="mbi_mbvistadark_4" width="107" height="56" border="0" alt="Arama" title="" class="hoverbutton" /><img id="mbi_mbvistadark_4" src="header_i_in_files/mb_arama_down.png" name="mbi_mbvistadark_4" width="107" height="56" border="0" alt="Arama" title="" class="downbutton" /></a></li>
 <li><a href="http://merihforum.com/memberlist.php"><img id="mbi_mbvistadark_5" src="header_i_in_files/mb_yeler.png" name="mbi_mbvistadark_5" width="131" height="56" border="0" alt="Üyeler" title="" class="normalbutton" /><img id="mbi_mbvistadark_5" src="header_i_in_files/mb_yeler_over.gif" name="mbi_mbvistadark_5" width="131" height="56" border="0" alt="Üyeler" title="" class="hoverbutton" /><img id="mbi_mbvistadark_5" src="header_i_in_files/mb_yeler_down.png" name="mbi_mbvistadark_5" width="131" height="56" border="0" alt="Üyeler" title="" class="downbutton" /></a>
   <ul class="img_24">
   <li class="first_item"><a href="http://merihforum.com/showteam.php" class="with_img_24" title=""><img src="header_i_in_files/mbico_mbvistadark_35.png" alt="" />Yönetim</a></li>
   <li class="last_item"><a class="with_img_24" title=""><img src="header_i_in_files/mbico_mbvistadark_36.png" alt="" />Gold Üyeler</a></li>
   </ul></li>
 <li><a href="http://merihforum.com/mailphp/form.htm"><img id="mbi_mbvistadark_6" src="header_i_in_files/mb_ileti_im.png" name="mbi_mbvistadark_6" width="135" height="56" border="0" alt="iletişim" title="" class="normalbutton" /><img id="mbi_mbvistadark_6" src="header_i_in_files/mb_ileti_im_over.gif" name="mbi_mbvistadark_6" width="135" height="56" border="0" alt="iletişim" title="" class="hoverbutton" /><img id="mbi_mbvistadark_6" src="header_i_in_files/mb_ileti_im_down.png" name="mbi_mbvistadark_6" width="135" height="56" border="0" alt="iletişim" title="" class="downbutton" /></a>
   <ul class="img_24">
   <li class="first_item"><a href="http://merihforum.com/forum-68.html" class="with_img_24" title=""><img src="header_i_in_files/mbico_mbvistadark_37.png" alt="" />Şikayet - Öneri</a></li>
   <li class="last_item"><a href="" class="with_img_16" title=""><img src="header_i_in_files/mbico_mbvistadark_38.png" alt="" />[email protected]</a></li>
   </ul></li>
 <li><a><div class="buttonimg buttonimg_56" style="width: 16px; background-image: url('header_i_in_files/ebbtmbvistadark7.png')">&nbsp;</div></a></li>
 </ul>
</div>
<!-- Menüler javascript kodları olmadan da çalışacaktır. Fakat bazı
eski tarayıcı ve dokunmatik ekranlar için efektlerin gösterilmesini sağlıyor
merihforum.com hayırlı günler diler-->
<script type="text/javascript" src="header_i_in_files/mbjsmbvistadark.js"></script>


Bu adresten indireceksiniz. Dosya ismi header_i_in_files. Bunu sitenizin ana dizine gönderin. Başka yere gönderirseniz <im src="" yolları kırılır imageler çıkmaz.

https://yadi.sk/d/TDhFGbxn3H3G28


Kendinize göre düzenleme

  1. <a href=""  şekline tırnaklar arasına yönlendirilecek ilgili forum adresini konu adreslerini kendinize göre yazın.
  2. </a> taglarından önce gelen isimlendirme alanları düzenleyin.


Benzerlerini isterseniz onuda bi ara yapabilirim.

Demo

Kod:
http://merihforum.com/index.php



resim



resim




resim




resim




resim
Cevapla
Bunu Beğenenler:
Sponsor Reklam
Sponsor Reklam Sponsor Reklam

Çevrimdışı VenomBoss
 Tarih: 17-04-2017, Saat:15:36
#2
Güzelmiş Hocam Teşekkürler.
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  [1.8] Header Sorun ilkay199 1 605 23-11-2017, Saat:00:33
Son Yorum: merihforum
  Header & Footer çizimi önerileri ve görüşleri alabilirmiyim? BeastlyMan 2 1,384 24-03-2016, Saat:23:11
Son Yorum: BeastlyMan
  Basit Header Tasarımı aykutgunes 4 2,003 17-08-2015, Saat:11:48
Son Yorum: EmreKRMN
Tema - Template Siyah Header eatik 14 5,125 31-08-2014, Saat:16:43
Son Yorum: xpserkan
Onay ST 2013 Header Tasarımı | Beta Time Traveler 9 4,719 15-08-2014, Saat:17:34
Son Yorum: Time Traveler



Konuyu Okuyanlar: 1 Ziyaretçi