MyBB Depo Forum

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
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

<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

Güzelmiş Hocam Teşekkürler.

merihforum

VenomBoss