+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB Grafik & Tasarım Deposu (https://mybbdepo.com/mybb-grafik-tasarim-deposu-forumu)
+--- Forum: MyBB Hazır Tasarım Deposu (https://mybbdepo.com/mybb-hazir-tasarim-deposu-forumu)
+---- Forum: Header - Footer (https://mybbdepo.com/header-footer-forumu)
+---- Konu Başlığı: Header'e açılır menü ekleme (/header-e-acilir-menu-ekleme-konusu.html)
Header'e açılır menü ekleme - merihforum - 16-04-2017
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-v1-0-konusu.html
Diğer dersteki gibi bunuda 2 adımda anlatayım.
- Kurulum
- 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')"> </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')"> </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
- <a href="" şekline tırnaklar arasına yönlendirilecek ilgili forum adresini konu adreslerini kendinize göre yazın.
- </a> taglarından önce gelen isimlendirme alanları düzenleyin.
Benzerlerini isterseniz onuda bi ara yapabilirim.
Demo
Kod:
http://merihforum.com/index.php
Cvp: Header'e açılır menü ekleme - VenomBoss - 17-04-2017
Güzelmiş Hocam Teşekkürler.