Kod:
<head>
<style type="text/css">
.basictab ul{
margin: 4px;
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.basictab li{
display: inline;
margin: 0;
}
.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #FFFFFF;
color: #2d2b2b;
}
.basictab li a:visited{
color: #2d2b2b;
}
.basictab li a:hover, .basictab li a.current{
background-color: #DBFF6C;
color: black;
}
.basictab li a:active{
color: black;
}
#tabcontentcontainer{
width:95%; /*width of 2nd level content*/
height:1.5em; /*height of 2nd level content. Set to largest's content height to avoid jittering.*/
}
.tabcontent{
display:none;
}
</style>
<script type="text/javascript">
<!--
/***********************************************
* DD Tab Menu script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
//Set tab to intially be selected when page loads:
//[which tab (1=first tab), ID of tab content to display (or "" if no corresponding tab content)]:
var initialtab=[1, "sc1"]
//Turn menu into single level image tabs (completely hides 2nd level)?
var turntosingle=0 //0 for no (default), 1 for yes
//Disable hyperlinks in 1st level tab images?
var disabletablinks=0 //0 for no (default), 1 for yes
////////Stop editting////////////////
var previoustab=""
if (turntosingle==1)
document.write('<style type="text/css">\n#tabcontentcontainer{display: none;}\n</style>')
function expandcontent(cid, aobject){
if (disabletablinks==1)
aobject.onclick=new Function("return false")
if (document.getElementById && turntosingle==0){
highlighttab(aobject)
if (previoustab!="")
document.getElementById(previoustab).style.display="none"
if (cid!=""){
document.getElementById(cid).style.display="block"
previoustab=cid
}
}
}
function highlighttab(aobject){
if (typeof tabobjlinks=="undefined")
collectddtabs()
for (i=0; i<tabobjlinks.length; i++)
tabobjlinks[i].className=""
aobject.className="current"
}
function collectddtabs(){
var tabobj=document.getElementById("ddtabs")
tabobjlinks=tabobj.getElementsByTagName("A")
}
function do_onload(){
collectddtabs()
expandcontent(initialtab[1], tabobjlinks[initialtab[0]-1])
}
if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
</head>
<div id="ddtabs" class="basictab">
<ul>
<li><a href="{$mybb->settings['bburl']}/usercp.php" onMouseover="expandcontent('sc1', this)">Kullanıcı Paneli </a></li>
<li><a href="" onMouseover="expandcontent('sc2', this)">Mesajlar</a></li>
<li><a href="" onMouseover="expandcontent('sc3', this)">Arkadaş Listesi </a></li>
<li><a href="" onMouseover="expandcontent('sc4', this)">Online Destek </span></a></li>
<li><a href="{$mybb->settings['bburl']}/member.php?action=logout&logoutkey={$mybb->user['logoutkey']}" onMouseover="expandcontent('sc5', this)">Çıkış</a></li>{$lang->welcome_back}
</ul>
</div>
<span style="float:right;">
<div id="clock"></div>
<script language="JavaScript">
<!-- Script Burada Başlıyor
var nav=navigator.userAgent.toLowerCase();
var isopera=false;
if ((nav.indexOf('opera 1')!=-1) || (nav.indexOf('opera 2')!=-1) || (nav.indexOf('opera 3')!=-1) || (nav.indexOf('opera 4')!=-1) || (nav.indexOf('opera 5')!=-1) || (nav.indexOf('opera 6')!=-1)) isopera=true;
var dayarray=new Array("Pazar","Pazartesi","Salı","Çarşamba","Perşembe","Cuma","Cumartesi")
var montharray=new Array("Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık")
function getthedate(){
var mydate=new Date()
var year=mydate.getFullYear()
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10) daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var tz=Math.round(mydate.getTimezoneOffset()/60)
var shvaikatimezone=2
tz+=shvaikatimezone
var hourss=hours+tz;
hourss>=24?hourss-=24:hourss;
hourss<=0?hourss+=24:hourss;
if (hourss==24) hourss=0
var dn="ÖÖ"
var dns="ÖÖ"
// Burada Yazan ÖÖ "Öğlede Önce" Anlamına Gelir AM in Türkçe Karşılığıdır. //
if (hours>=12)
{
dn="ÖS"
hours-=12
}
if (hours==0) hours=12
if (hourss>=12)
{
dns="ÖS"
hourss-=12
}
// Burada Yazan ÖS "Öğlede Sonra" Anlamına Gelir PM in Türkçe Karşılığıdır. //
if (hourss==0) hourss=12
if (minutes<=9) minutes="0"+minutes
if (seconds<=9) seconds="0"+seconds
// Altkısımda Face Yazan Yerden Font Değişikliği Yapabilirsiniz.//
var st1="<font color='#000000' face='Arial'>"
var st2="<font color='#000000' face='Arial'>"
var st3="<font color='#000000' face='Arial'>"
if (mydate.getDay()!=0)
cdate="<small>"+st1+"<b>"+daym+" "+montharray[month]+","+year+","+dayarray[day]+" "+hours+":"+minutes+":"+seconds+" "+dn+"</b></font></small>"
else
cdate="<small>"+st2+"<b>"+daym+" "+montharray[month]+","+year+","+dayarray[day]+" "+hours+":"+minutes+":"+seconds+" "+dn+"</b></font></small>"
// ÖS ve ÖÖ kısımlarını yukardaki sıralamadan "+dn"+ kısmını silerek çıkarabilirsiniz.//
if (document.all&&isopera!=true)
{
document.all.clock.style.position='relative'
document.all.clock.innerHTML=cdate
}
else if (document.layers)
{
document.clock.visibility='show'
document.clock.document.open();
document.clock.document.write('<center>'+cdate+'</center>');
document.clock.document.close();
}
else if (document.getElementById&&isopera!=true)
{document.getElementById("clock").innerHTML=cdate}
else document.write('<center>'+cdate+'</center>')
}
if (!document.layers&&!document.all&&!document.getElementById) getthedate()
else if (isopera!=true) setInterval("getthedate()",1000)
else getthedate();
//!--> Script burada bitiyor.
</script>
</span>
<DIV id="tabcontentcontainer">
<div id="sc1" class="tabcontent">
<a href="{$mybb->settings['bburl']}/usercp.php?action=avatar">Avatarını Değiştir</a> | <a href="{$mybb->settings['bburl']}/usercp.php?action=editsig">İmzanı Değiştir</a> | <a href="{$mybb->settings['bburl']}/usercp.php?action=password">Şifreni Değiştir</a> | {$modcplink}{$admincplink}
</div>
<div id="sc2" class="tabcontent">
<a href="search.php?action=finduser&uid={\$mybb->user[\'uid\']}">Mesajlarım</a> | <a href="search.php?action=finduserthreads&uid={\$mybb->user[\'uid\']}">Konularım</a> | <a href="{$mybb->settings['bburl']}/search.php?action=getnew">Bugünki Mesajlar</a> | <a href="{$mybb->settings['bburl']}/search.php?action=getdaily">Bugünki Konular</a> | <a href="{$mybb->settings['bburl']}/private.php">Özel Mesajlarım:</a> {$lang->welcome_pms_usage}
</div>
<div id="sc3" class="tabcontent">
Arkadaş Listenize Sitemiz Üyelerinden Ekleme Yaparak Daha Çabuk İletişim Kurabilirsiniz. <a href="#" onClick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup', 'buddyList', 350, 350);">Arkadaş Listeniz İçin Tıklayın!</a></div>
<div id="sc4" class="tabcontent">
Buraya Kendi MSN Online Destek Kodunuzu Ekleyin!
</div>
<div id="sc5" class="tabcontent">
Umarım Forumumuzdan Memnun Kalmışsınızdır. Güncel İçeriği Takip Etmek İçin Lütfen Sitemizi Sık Sık Ziyaret Ediniz.
</div>
</DIV>
<div align="right"><a href="http://translate.google.com/translate?prev=hp&hl=en&u=http://www.sharetr.com/&sl=tr&tl=en" target="_blank"><img src="http://www.sharetr.com/images/flags/en.gif" width="18" height="12" border="0"></a>
<a href="http://translate.google.com/translate?prev=hp&hl=en&u=http://www.sharetr.com/&sl=tr&tl=de" target="_blank"><img src="http://www.sharetr.com/images/flags/de.gif" width="18" height="12" border="0"></a>
<a href="http://translate.google.com/translate?prev=hp&hl=en&u=http://www.sharetr.com/&sl=tr&tl=fr" target="_blank"><img src="http://www.sharetr.com/images/flags/fr.gif" width="18" height="12" border="0"></a>
<a href="http://translate.google.com/translate?prev=hp&hl=en&u=http://www.sharetr.com/&sl=tr&tl=nl" target="_blank"><img src="http://www.sharetr.com/images/flags/nl.gif" width="18" height="12" border="0"></a>
<a href="http://translate.google.com/translate?prev=hp&hl=en&u=http://www.sharetr.com/&sl=tr&tl=it" target="_blank"><img src="http://www.sharetr.com/images/flags/it.gif" width="18" height="12" border="0"></a>
<a href="http://translate.google.com/translate?prev=hp&hl=en&u=http://www.sharetr.com/&sl=tr&tl=es" target="_blank"><img src="http://www.sharetr.com/images/flags/es.gif" width="18" height="12" border="0"></a>
<a href="http://translate.google.com/translate?prev=hp&hl=en&u=http://www.sharetr.com/&sl=tr&tl=ru" target="_blank"><img src="http://www.sharetr.com/images/flags/ru.gif" width="18" height="12" border="0"></a>
<a href="http://translate.google.com/translate?prev=hp&hl=en&u=http://www.sharetr.com/&sl=tr&tl=pl" target="_blank"><img src="http://www.sharetr.com/images/flags/pl.gif" width="18" height="12" border="0"></a>
<a href="http://translate.google.com/translate?prev=hp&hl=en&u=http://www.sharetr.com/&sl=tr&tl=el" target="_blank"><img src="http://www.sharetr.com/images/flags/el.gif" width="18" height="12" border="0"></a></div>Bu kodu header şablonlarından - header _ welcome _ member ' deki kodları silip yapıştırın.
Demo Görüntü ;
https://instagram.com/alphazzers
