simple machines forum smf.gen.tr ödüllü seo webmaster yarışması

smfgruptan alıntı

Görüntü ;

http://img367.imageshack.us/img367/5058/classmenuix2.png

Dosyalar İçin ;

http://www.smfgrup.com/forum/b27/class-menu/

Uygulanışı ;

Resimde görüldüğü gibi üzerine gelince içeri göçüyor.Anlatıma geçelimİndex.template.phpde bulun.

Kod: Hepsini Seç | Panoya Kopyala

// Show the menu up top. Something like [home] [help] [profile] [logout]…

Yukarıda verdiğim kod dahil aşağıdaki koda kadar silin(aşağıdaki kodu silmeyin).

Kod: Hepsini Seç | Panoya Kopyala

// Generate a strip of buttons.

Kalan yere bunu yapıştırın.

Kod: Hepsini Seç | Panoya Kopyala

echo ‘

’;

// Show the default [home] button.
echo ‘

• ’ , $txt[103] , ‘

’;

// Show the [help] button.
echo ‘

• ’ , $txt[119] , ‘

’;

// How about the [search] button?
if ($context[’allow_search’])
echo ‘

• ’ , $txt[182] , ‘

’;

// Is the user allowed to administrate at all? ([admin])
if ($context[’allow_admin’])
echo ‘

• ’ , $txt[2] , ‘

’;

// Edit Profile… [profile]
if ($context[’allow_edit_profile’])
echo ‘

• ’ , $txt[79] , ‘

’;

// Go to PM center… [pm]
if ($context[’user’][’is_logged’] && $context[’allow_pm’])
echo ‘

• ’ , $txt[’pm_short’] , ‘ ‘, $context[’user’][’unread_messages’] > 0 ? ‘[’. $context[’user’][’unread_messages’] . ‘]’ : ” , ‘

’;

// The [calendar]!
if ($context[’allow_calendar’])
echo ‘

• ’ , $txt[’calendar24′] , ‘

’;

// the [member] list button
if ($context[’allow_memberlist’])
echo ‘

• ’ , $txt[331] , ‘

’;

// If the user is a guest, show [login] button.
if ($context[’user’][’is_guest’])
echo ‘

• ’ , $txt[34] , ‘

’;

// If the user is a guest, also show [register] button.
if ($context[’user’][’is_guest’])
echo ‘

• ’ , $txt[97] , ‘

’;

// Otherwise, they might want to [logout]…
if ($context[’user’][’is_logged’])
echo ‘

• ’ , $txt[108] , ‘

’;

echo ‘

’;
// Class menu bitişi by SMFGrup.CoM - SMFTeMa.CoM
}
Bu işlemleri yaptıktan sonra style.cssde en alta şunları ekleyin.

Kod: Hepsini Seç | Panoya Kopyala

.class_menu {padding:0 0 0 1em; margin:0; list-style:none; height:43px; position:relative; background:transparent url(images/class/pro16_back.gif) repeat-x left top; font-size:11px;}
.class_menu li {float:left; height:43px;}
.class_menu li a {display:block; float:left; height:40px; line-height:35px; color:#888; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:url(images/class/pro16_0a.gif) no-repeat;}
.class_menu li a b {float:left; display:block; padding:0 60px 0 0; background:url(images/class/pro16_0.gif) no-repeat right top;}
.class_menu li.current a {color:#000; background:url(images/class/pro16_2a.gif) no-repeat;}
.class_menu li.current a b {color:#000; background:url(images/class/pro16_2.gif) no-repeat right top;}
.class_menu li a:hover {color:#000; background: url(images/class/pro16_2a.gif) no-repeat;}
.class_menu li a:hover b {color:#000; background:url(images/class/pro16_2.gif) no-repeat right top;}
.class_menu li.current a:hover {color:#000; cursor:default;}
Şimdi menüyü oluşturduk.Menüde görülecek resimleri default/images klasörünün içine dosya halinde atın.Yani şöyle olacak.bbc
buttons
class
icons

gibi klasör olarak rardan çıkarıp atın.Resim klasörü ekte.

Not:Eğer tema yaparsanız temanıda kullanacaksanız ve başka yerde paylaşacaksanız izin alırsanız sevinirim.Anlatım default içindir.