ForumSTAR Footer Alt Menü Çubuğu - Harika Görünüm - Türkiye'nin En Ortam Bilgi Paylaşım Platformu

Avira · 14-10-2009, 18:36

Demo: http://www.forumstar.net

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

footer templatesinin en altına ekleyin;

PHP- Kodu:

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

14-10-2009, 18:36	#1
Avira Üyelik tarihi: 14-10-2009 Mesajlar: 281 Konuları: 278 WEB Sitesi: İlgi Alanı: Aldığı Teşekkür: Ettiği Teşekkür: WF Ticaret Sayısı: (1) WF Ticaret Yüzdesi:(%) WF Puanı: 15	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ı

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)