MultiColor Yapımı(renk değiştirme)

[media]http://img25.imageshack.us/img25/4280/adszdkc.jpg[/media]
Benim +plus temamı kullananlar görmüştür.navbarda renk butonlarına basarak temada değişiklik yapılabiliyordu tabi buda kısıtlıydı sayfa değiştiğinde ilk haline dönüyordu.Neyse vbulletinin nimetlerinden yararlanacaz bu dersimde size multicolor yapımını elimden geldiğince anlatmaya çalışacam
Eğer hazırsanız başlıyalım.Hemen Renkler ve Css dosyasını indirip tema klasörünüze atın
indirmek için buraya tıklayın
ilk başta admincpye girin stylestan edit templatese girin navbar şablonunu açın

  <div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
</if>
</td>

üstteki kodu aratın hemen altına

    <td class="alt2">
    <div>
    <div style="float:left;height:8px;width:8px;padding:0px;" group="Administratör" bold="y" clr="red" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = ''"
    <a href="javascript:chooseStyle('mavi', 60)" checked="checked"><img src="images/temaklasörü/1.png" title="mavi" height="12" width="12"></a></div><div class="tborder" style="height:8px;width:8px;background:red;"></div>
    <a href="javascript:chooseStyle('turuncu', 60)"><img src="images/temaklasörü/2.png" title="turuncu" height="12" width="12"></a>
    <a href="javascript:chooseStyle('yesil', 60)"><img src="images/temaklasörü/3.png" title="Fıstık Yeşili" height="12" width="12"></a>
    <a href="javascript:chooseStyle('mor', 60)"><img src="images/temaklasörü/4.png" title="Mor" height="12" width="12"></a>
    </div></td>
    </td>

ekleyin
ardından forum home şablonunu açıp en üstüne alttaki kodu ekleyin

 <script language="JavaScript"> var manual_or_random="manual" var randomsetting="30 days" function getCookie(Name) { var re=new RegExp(Name+"=[^;]+", "i"); if (document.cookie.match(re)) return document.cookie.match(re)[0].split("=")[1] return null } function setCookie(name, value, days) { var expireDate = new Date() var expstring=(typeof days!="undefined")? expireDate.setDate(expireDate.getDate()+parseInt(days)) : expireDate.setDate(expireDate.getDate()-5) document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/ft/"; } function deleteCookie(name){ setCookie(name, "moot") } function setStylesheet(title, randomize){ var i, cacheobj, altsheets=[""] for(i=0; (cacheobj=document.getElementsByTagName("link")[i]); i++) { if(cacheobj.getAttribute("rel").toLowerCase()=="alternate stylesheet" && cacheobj.getAttribute("title")) { cacheobj.disabled = true altsheets.push(cacheobj) if(cacheobj.getAttribute("title") == title) cacheobj.disabled = false } } if (typeof randomize!="undefined"){ var randomnumber=Math.floor(Math.random()*altsheets.length) altsheets[randomnumber].disabled=false } return (typeof randomize!="undefined" && altsheets[randomnumber]!="")? altsheets[randomnumber].getAttribute("title") : "" } function chooseStyle(styletitle, days){ if (document.getElementById){ setStylesheet(styletitle) setCookie("tematr", styletitle, days) } } function indicateSelected(element){ if (selectedtitle!=null && (element.type==undefined || element.type=="select-one")){ var element=(element.type=="select-one") ? element.options : element for (var i=0; i<element.length; i++){ if (element[i].value==selectedtitle){ if (element[i].tagName=="OPTION") element[i].selected=true else element[i].checked=true break } } } } if (manual_or_random=="manual"){ var selectedtitle=getCookie("tematr") if (document.getElementById && selectedtitle!=null) setStylesheet(selectedtitle) } else if (manual_or_random=="random"){ if (randomsetting=="eachtime") setStylesheet("", "random") else if (randomsetting=="sessiononly"){ if (getCookie("tematr_s")==null) document.cookie="tematr_s="+setStylesheet("", "random")+"; path=/ft/" else setStylesheet(getCookie("tematr_s")) } else if (randomsetting.search(/^[1-9]+ days/i)!=-1){ if (getCookie("tematr_r")==null || parseInt(getCookie("tematr_r_days"))!=parseInt(randomsetting)){ setCookie("tematr_r", setStylesheet("", "random"), parseInt(randomsetting)) setCookie("tematr_r_days", randomsetting, parseInt(randomsetting)) } else setStylesheet(getCookie("tematr_r")) } } </script> <link rel="stylesheet" type="text/css" href="images/temaklasörü/turkuaz.css"> <link rel="alternate stylesheet" type="text/css" media="screen" title="mavi" href="images/temaklasörü/mavi.css"> <link rel="alternate stylesheet" type="text/css" media="screen" title="turuncu" href="images/temaklasörü/turuncu.css"> <link rel="alternate stylesheet" type="text/css" media="screen" title="yesil" href="images/temaklasörü/yesil.css"> <link rel="alternate stylesheet" type="text/css" media="screen" title="mor" href="images/temaklasörü/mor.css">

Şimdi geldik stil dosyalarını editlemeye dosyaları indirdiyseniz mor.css mavi.css vs. adlarında css dosyaları göreceksiniz bunların içerisinde sitenizde ne gibi değişiklik olmasını istiyorsanız onunla ilgili css kodlarını ekleyin
adında dosya açın ve css kodları ile kodlamaya başlayın bu iş css bilgisi gerektirir yok css bilmiyorum diyorsanız benim css dosyalarımı inceleyebilirsiniz.
eğer herşeyi eksiksiz yaptıysanız navbarınızdaaşağıdaki gibi bir görüntü olacaktır onlara tıkladığınzda temanızda değişiklik oluyorsa başarmışsınızdır demektir

Eğer Olmuyorsa resimler çıkmıyorsa etki yoksa kodları lütfen tekrar inceleyin çünkü bazı yerlerde temaklasörünü belirtmemiş olabilirsiniz
Sorunlarınız olursa buradan yazabilrsiniz