(12-06-2013, 08:46 PM)ScarecrowTR Nickli Kullanıcıdan Alıntı:  Uyumlu Olduğu Versiyonlar: 1.6.X
Açıklama: Evet arkadaşlar bu anlatmış olduğum ile sitenize multicolor özelliği kazandırabilirsiniz.
Dikkat edilecek hususlar: Değiştirdiğiniz şablonların mutlaka yedeğini alın bazı temalarda sorun çıkarmakta ama %90'nın çalışmaktadır.Sonra temam bozuldu vs falan demeyin yedek alın.
Images'e atılacaklar: http://up.oyundiski.net/uploads/multicolor.rar
Rar şifresi: mybb.biz
Önizleme:

Daha Fazlası İçin İmzamdaki Siteyi Ziyaret Edin.
Anlatım:
Öncelikle temalar bölümüne girip temanızı seçip, Css Oluştura Tıklıyoruz.

İsim:

Kod: Tümünü Seç Tümünü Kopyala

Multicolor.css

Kendi içeriğimi yaz diyoruz ve aşağıdakileri ekliyoruz.

Kod: Tümünü Seç Tümünü Kopyala

.encolor{
background:url(images/cp/cp.png) no-repeat;
cursor: pointer;
width: 20px;
height: 20px;
float: right;
margin-top: -28px;
padding: 10px;
position: relative;
}

.encolor:hover{
     opacity: 0.8;

}
        
.encolor #colorpicker{
border:0 !important;
background:none transparent !important;
height: 20px;
font-size:0;
width: 20px;
margin-top: -10px;
margin-left: -10px;
padding:0;
cursor:pointer;
opacity:0;
display:block
}

Kaydedip, şablonlar bölümüne geçin.

---

Temanızın "Headerinclude" şablonunu açıp aşağıdakileri hernangi bir yere ekleyin:

Kod: Tümünü Seç Tümünü Kopyala

<link type="text/css" rel="stylesheet" href="images/cp/colorpicker.css" />

<script type='text/javascript' src="images/cp/cookies.js"></script>
<script type='text/javascript' src="images/cp/colorpicker.js"></script>
<script type='text/javascript' src="images/cp/color-picker.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='http://code.jquery.com/jquery-1.7.2.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>

Şimdi "Header" Şablonunu açıp aşağıdakileri herhangi bir yere ekleyin:

Kod: Tümünü Seç Tümünü Kopyala

<span class='encolor'><input type='text' id='colorpicker' title=" Renk Değiştir" alt="Renk Değiştir"/></span>

Not: Header bölümüne yanlış bir yere kodu eklerseniz multicolor çalışmayabilir.Onun için doğru yere ekleyin.

Şimdi diğer bir bölüm olan renginin değişmesini istediğiniz yerleri eklicez.
Ekteki veya yukardaki linkteki dosyanın içindeki cp dosyasına girin "color-picker.js" dosyasını açın
Şu kodları bulun:

Kod: Tümünü Seç Tümünü Kopyala

.thead, #menu, .footer2, .wgo_block h2, .menu_sub, #menu li .linkmenu, #header, .thead2:first-child, .tfoot,#headerwrap, .menu ul, .totop, .buttons:hover, .shadetabs li

Şimdi bu kısma istediğiniz bir yeri ekleyin zaten eklidir ancak ekstra bir şeyler istiyorsanız buraya css kodunun tam ismini yazmanız lazım örnek: ".header , .footer veya #header" gibi.
Daha sonra kaydedip "cp" dosyasını images'in içine atın ve kullanmanıza bakın.

Not: Detaylı bir şekilde anlattığımı düşünüyorum takıldığınız bir yer olursa yardım ederim.