14-10-2009, 18:36 | #1 |
|
ForumSTAR Footer Alt Menü Çubuğu - Harika Görünüm
Demo: http://www.forumstar.net Caps: http://img29.imageshack.us/img29/9383/menuqs.jpg footer templatesinin en altına ekleyin; PHP- Kodu: <div class="start-menu"> <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; PHP- Kodu: .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. RapidShare: 1-CLICK Web hosting - Easy Filehosting Alternatif ForumSTAR durum çubugu.rar |
Alıntı |
Etiketler |
alt, Çubuğu, footer, forumstar, görünüm, harika, menü |
Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir) | |
|
|