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.
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.
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
Benzerlerini isterseniz onuda bi ara yapabilirim.
Demo
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.
- 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