Tema Renk Seçici Yapımı MyBB

[admin]

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..



Admin KP - Şablon & Stil - Kullandığınız Tema - Css Oluştur'a tıklayın, kendi içeriğimi Yaz'a tıklıyarak aşağıdaki kodları ekleyin..

İsim: Multicolor.css

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

.encolor{
background:url(http://saglamhack.bl.ee/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
}

Admin KP - Şablon & Stil - Şablonlar - Kullandığınız Tema - Genel Şablonlar - Headerinclude'e girin, aşağıdaki kodları herhangibir yere ekleyin..

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

<link type="text/css" rel="stylesheet" href="http://saglamhack.bl.ee/images/cp/colorpicker.css" />

<script type='text/javascript' src="http://saglamhack.bl.ee/images/cp/cookies.js"></script>
<script type='text/javascript' src="http://saglamhack.bl.ee/images/cp/colorpicker.js"></script>
<script type='text/javascript' src="http://saglamhack.bl.ee/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>

Admin KP - Şablon & Stil - Şablonlar - Kullandığınız Tema - Header Şablonları - Header'e girin, aşağıdaki kodları herhangibir 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.