• 08-10-2009, 11:13:59
    #1
    Örnek: http://www.forumstar.net

    Caps: http://img29.imageshack.us/img29/9383/menuqs.jpg

    footer templatesinin en altına ekleyin;

    <div class="start-menu">&nbsp;&nbsp;
        <img src="images/menu/start2.png" style="margin-top:-14px" alt="" />
    
        <div class="menu">
    <li><span id="nav_index" class="activepage"><a href="index.php" ><span id="navitem_index" class="activepageitem">Home</span></a></span></li>
    
    <li><span id="nav_1"><a href="http://www.forumstar.net" ><span id="navitem_link1">Link1</span></a></span></li>
    
    <li><span id="nav_2"><a href="http://www.forumstar.net" ><span id="navitem_;ink2">Link2</span></a></span></li>
    
    <li><span id="nav_3"><a href="http://www.forumstar.net" ><span id="navitem_link3">Link3</span></a></span></li>
    
    <li><span id="nav_4"><a href="http://www.forumstar.net" ><span id="navitem_link4">Link4</span></a></span></li>
    
    <li><span id="nav_5"><a href="http://www.forumstar.net"  rel="nofollow" target="_blank"><span id="navitem_link5">Link5</span></a></span></li>
    
    </div>    
        </div>
    Main CSS içinde Adittional CSS'ye ekleyin;

    .start-menu {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    Background:transparent url(images/menu/menu_bg.png) repeat-x scroll left top;
    Bottom:0;
    Font-size:10pt;
    Height:30px;
    Left:0;
    Position:fixed;
    Width:100%;
    }
    
    .menu {
    Height:30px;
    Margin:-33px 0 0;
    Padding-left:60px;
    }
    .menu ul {
    Margin:0;
    Padding:0;
    }
    .menu li {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    Background:transparent url(images/menu/item_menu_bg.png) no-repeat scroll 0 0;
    Display:inline;
    Float:left;
    Height:30px;
    List-style-image:none;
    List-style-position:outside;
    List-style-type:none;
    Margin-right:5px;
    Text-align:center;
    Width:100px;
    }
    .menu li a {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    Background:transparent url(images/menu/item_menu_bg.png) no-repeat scroll 0 0;
    Color:#FFFFFF;
    Display:block;
    Font-size:10pt;
    Padding:6px 0 0;
    }
    .menu li a:hover {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    Background:transparent url(images/menu/item_menu_bg_hover.png) no-repeat scroll 0 0;
    Color:#FFFFFF;
    Font-size:10pt;
    Height:30px;
    }
    .menu a:hover {
    Color:#FF9900;
    }
    .menu .activepage a {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    Background:transparent url(images/menu/item_menu_active_bg.png) no-repeat scroll 0 0;
    Color:#FFFFFF;
    Font-size:10pt;
    Font-weight:bold;
    Height:30px;
    Margin-top:-1px;
    Width:99px;
    }
    En son olarakta dosyaları images klasörü içine atınız.

  • 08-10-2009, 11:42:27
    #2
    Üyeliği durduruldu
    css menü olarak çok güzel, arşivime alıyorum teşekkürler
  • 08-10-2009, 12:03:45
    #3
    Reveloper
    Ekledim foruma teşekkürler.
  • 08-10-2009, 13:06:15
    #4
    Teşekkürler ekledim
  • 09-10-2009, 01:31:54
    #5
    Eposta Aktivasyonu Gerekmekte
    beğendim. fakat çok uğraştırdı beni nedense resmi kaldırmaya çalışmıştım. fakat çok şık durdu bir iki edit ile. teşekkürler. repledim.

    Not: Örnek isteyen imzamdaki yere de bakabilirler.
  • 09-10-2009, 10:08:58
    #6
    Üyeliği durduruldu
    Thanks.
  • 09-10-2009, 14:47:56
    #7
    Güzel bir eklentiymiş eline sağlık kardeş ama çok fazla kullanışlı değil
  • 09-10-2009, 16:09:33
    #8
    Üyeliği durduruldu
    Link Kirilmis Linki Yenile Kardes!
  • 09-10-2009, 16:10:37
    #9
    Bu splash reklam gibi değil mi ? Onun için google sevmez böyle zorla gösterilen şeyleri
    Bu özelliği sadece üyelere yapsak olmaz mı ?