Böyle bir tuş takımı eklemek için ;
index.template.php'yi aç ve bul ; PHP- Kodu:
</head>
<body>;
Değiştir ;
PHP- Kodu:
</head>
<body>
<div id="dolphincontainer">
<div id="dolphinnav">
<ul>
<li><a href="http://www.srotr.com"><span>SroTR</span></a></li>
<li><a href="http://www.srotr.com" rel="id1"><span>SroTR</span></a></li>
<li><a href="http://www.srotr.com" rel="id2"><span>SroTR</span></a></li>
<li><a href="http://www.srotr.com" rel="id3"><span>SroTR</span></a></li>
</ul>
</div>
<!-- Sub Menus container. Do not remove -->
<div id="dolphin_inner">
<div id="id1" class="innercontent">
Açıklamayı buraya yazın
</div>
<div id="id2" class="innercontent">
Açıklamayı buraya yazın
</div>
<div id="id3" class="innercontent">
Açıklamayı buraya yazın
</div>
<!-- End Sub Menus container -->
</div>
</div>
<script type="text/javascript">
//dolphintabs.init("ID_OF_TAB_MENU_ITSELF", SELECTED_INDEX)
dolphintabs.init("dolphinnav", 1)
</script>';
Temanız >>> style.css dosyasını aç ve en alta bunları ekle ; PHP- Kodu:
/* Top Tabs */ designed for Smf by Mr.CoWbOy (:
#dolphincontainer
{
position:relative;
border-bottom: 2px solid navy;
color:#E0E0E0;background:#143D55;
width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;
}
#dolphinnav
{
position:relative;
height:33px;font-size:12px;
font-weight:bold;
background:#fff url(images/dolphin_bg.gif) repeat-x bottom left;
padding:0 0 0 20px;
}
#dolphinnav ul
{
margin:0;
padding:0;
list-style-type:none;
width:auto;float:left;
}
#dolphinnav ul li
{
display:block;
float:left;
margin:0 1px;
}
#dolphinnav ul li a
{
display:block;
float:left;
color:#EAF3F8;text-decoration:none;
padding:0 0 0 20px;
height:33px;
}
#dolphinnav ul li a span
{
padding:12px 20px 0 0;
height:21px;
float:left;
}
#dolphinnav ul li a:hover
{
color:#fff;
background:transparent url(images/dolphin_bg-OVER.gif) repeat-x bottom left;
}
#dolphinnav ul li a:hover span
{display:block;width:auto;cursor:pointer;
}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover
{
color:#fff;
background:#1D6893 url(images/dolphin_left-ON.gif) no-repeat top left;
line-height:275%;
}
#dolphinnav ul li a.current span
{
display:block;padding:0 20px 0 0;
width:auto;background:#1D6893 url(images/dolphin_right-ON.gif) no-repeat top right;
height:33px;
}
#dolphin_inner
{
color: white;
padding: 5px;
font-size: 80%;
height: 1em
}
#dolphin_inner a:link, #dolphin_inner a:visited, #dolphin_inner a:active
{
color: white
}
#dolphin_inner a:hover
{
color: yellow
}
.innercontent
{
display: none;
}
i
ndex.template.php de gereken yerleri kendinize göre düzenlemeyi unutmayın
Dosyada bulunan ;
dolphin.js ' yi ana dizine ,
resim dosyalarını , temanız >>> images klasörüne atın... The Bitti
Dosyaya burdan ulaşabilirsiniz ;
Yedek Almayı Unutmayın...
Not : Sadece default üzerinde denedim... Ama büyük ihtimalle bütün temalara uyacaktır