Görünüm Süper:

style.css 'de en alta ekle
/* template menu */
#toolbar {
height: 47px;
font-size: 12px;
background: #000 url(./images/menuarka.gif) repeat-x;
}
.menu {
padding: 0 0 0 32px;
margin: 0;
list-style: none;
height: 35px;
background: rgb(34,34,34) url(./images/tab1.gif);
position: relative;
border: 1px solid rgb(28,28,2 ;
border-width: 0 1px;
border-bottom: 1px solid rgb(28,28,2 ;
}
.menu li {
float:left;
}
.menu li a {
display: block;
float: left;
height: 35px;
line-height: 35px;
color: rgb(255,255,255);
text-decoration: none;
font-size: 12px;
font-family: Trebuchet MS, optima, serif;
font-weight: 800;
text-align: center;
padding:0 0 0 8px; cursor:pointer;
}
.menu li a b {
float: left;
display: block;
padding:0 16px 0 8px;
}
.menu li.chosen a {
color: rgb(255,255,255);
background: url(./images/tab3.gif);
}
.menu li.chosen a b {
background: url(./images/tab3.gif) no-repeat right top;
}
.menu li a:hover {
color: #fff;
background: rgb(0,0,0) url(./images/tab2.gif);
}
.menu li a:hover b {
background:url(./images/tab2.gif) no-repeat right top;
}
.menu li.chosen a:hover {
color: rgb(255,255,255);
background: rgb(0,0,0) url(./images/tab3.gif);
cursor: default;
}
.menu li.chosen a:hover b {
background: url(./images/tab3.gif) no-repeat right top;
}index.template.php AÇ
// Show the start of the tab section. BUL - // Generate a strip of buttons. BURAYA KADAR SİL
[ // Generate a strip of buttons. SİLME]
İndextemplate.phpde yerine koy:
// Show the start of the tab section.
echo '
<ul class="menu">';
// Show the [home] button.
echo '<li', $current_action == 'home' ? ' class="chosen"' : '', '><a href="', $scripturl, '"><b>' , $txt[103] , '</b></a></li>';
// Show the [help] button.
echo '<li', $current_action == 'help' ? ' class="chosen"' : '', '><a href="', $scripturl, '?action=help"><b>' , $txt[119] , '</b></a></li>';
// How about the [search] button?
if ($context['allow_search'])
echo '<li', $current_action == 'search' ? ' class="chosen"' : '', '><a href="', $scripturl, '?action=search"><b>' , $txt[182] , '</b></a></li>';
// Is the user allowed to administrate at all? ([admin])
if ($context['allow_admin'])
echo '<li', $current_action == 'admin' ? ' class="chosen"' : '', '><a href="', $scripturl, '?action=admin"><b>' , $txt[2] , '</b></a></li>';
// Edit Profile... [profile]
if ($context['allow_edit_profile'])
echo '<li', $current_action == 'profile' ? ' class="chosen"' : '', '><a href="', $scripturl, '?action=profile"><b>' , $txt[79] , '</b></a></li>';
// Go to PM center... [pm]
if ($context['user']['is_logged'] && $context['allow_pm'])
echo '<li', $current_action == 'pm' ? ' class="chosen"' : '', '><a href="', $scripturl, '?action=pm"><b>' , $txt['pm_short'] , ' ', $context['user']['unread_messages'] > 0 ? '[<strong>'. $context['user']['unread_messages'] . '</strong>]' : '' , '</b></a></li>';
// The [calendar]
if ($context['allow_calendar'])
echo '<li', $current_action == 'calendar' ? ' class="chosen"' : '', '><a href="', $scripturl, '?action=calendar"><b>' , $txt['calendar24'] , '</b></a></li>';
// the [member] list button
if ($context['allow_memberlist'])
echo '<li', $current_action == 'mlist' ? ' class="chosen"' : '', '><a href="', $scripturl, '?action=mlist"><b>' , $txt[331] , '</b></a></li>';
// If the user is a guest, show [login] button.
if ($context['user']['is_guest'])
echo '<li', $current_action == 'login' ? ' class="chosen"' : '', '><a href="', $scripturl, '?action=login"><b>' , $txt[34] , '</b></a></li>';
// If the user is a guest, also show [register] button.
if ($context['user']['is_guest'])
echo '<li', $current_action == 'register' ? ' class="chosen"' : '', '><a href="', $scripturl, '?action=register"><b>' , $txt[97] , '</b></a></li>';
// Otherwise, they might want to [logout]...
if ($context['user']['is_logged'])
echo '<li', $current_action == 'logout' ? ' class="chosen"' : '', '><a href="', $scripturl, '?action=logout;sesc=', $context['session_id'], '"><b>' , $txt[108] , '</b></a></li>';
echo '
</ul>';
}resimleri anlatılan şekilde imagese at:
tab1.gif

bu resmi tab1.gif adıyla at
tab3.gif

bu resmi tab3.gif adıyla at
tab2.gif 3ünden birini seç

Eğer mousela üzerine gelindiğinde capsdaki gibi mavi olsun diyosanız maviyi tab2.gif adıyla atın
Pembe yada yeşil istiyorsanız onu tab2.gif diye atın