MyBB Depo Forum

MyBB İçin Multicolor Tema Yapımı

Multicolor nedir ?

Multicolor : bir temayı birden fazla renk ile göstermektir.

Admin KP Şablon & Stil Şablonlar Temanız Header Şablonlar header

En Üste Ekle :

Kod:

<script type="text/javascript" src="images/jquery.min.js"></script>
<script type="text/javascript" src="images/styleswitch.js"></script>
<link rel="stylesheet" type="text/css" href="images/turkuaz.css" title="turkuaz" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="images/turuncu.css" title="turuncu" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="images/kirmizi.css" title="kirmizi" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="images/yesil.css" title="yesil" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="images/siyah.css" title="siyah" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="images/pembe.css" title="mor" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="images/metalik.css" title="metalik" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="images/lacivert.css" title="lacivert" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="images/kahverengi.css" title="kahverengi" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="images/sari.css" title="sari" media="screen" />

En Alta Ekle :

Kod:

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead"><strong>Renk Seç</strong></td>
</tr>
<tr>
<td class="trow1" align="center">
<center>
<a href="?style=turkuaz.css" rel="turkuaz" class="styleswitch"><img src="images/turkuaz.png"></a>
<a href="?style=turuncu.css" rel="turuncu" class="styleswitch"><img src="images/turuncu.png"></a>
<a href="?style=kirmizi.css" rel="kirmizi" class="styleswitch"><img src="images/kirmizi.png"></a>
<a href="?style=yesil.css" rel="yesil" class="styleswitch"><img src="images/yesil.png"></a>
<a href="?style=siyah.css" rel="siyah" class="styleswitch"><img src="images/siyah.png"></a>
<a href="?style=pembe.css" rel="mor" class="styleswitch"><img src="images/pembe.png"></a>
<a href="?style=metalik.css" rel="metalik" class="styleswitch"><img src="images/metalik.png"></a>
<a href="?style=lacivert.css" rel="lacivert" class="styleswitch"><img src="images/lacivert.png"></a>
<a href="?style=kahverengi.css" rel="kahverengi" class="styleswitch"><img src="images/kahverengi.png"></a>
<a href="?style=sari.css" rel="sari" class="styleswitch"><img src="images/sari.png"></a>
</center>
</td>
</tr>
</table>
<br>

Yeni Bir Renk Nasıl Eklerim ?

Yeni bir renk için ekstra CSS ve grafik oluşturmanız lazım.. Diğer renklerin CSS lerine bakarak yeni rengimiz için CSS oluşturun ve bunun için bir grafik oluşturalım.

Bunları yaptıktan sonra ;

Kod:

<link rel="alternate stylesheet" type="text/css" href="images/renk.css" title="renk" media="screen" />

Kod:

<a href="?style=renk.css" rel="renk" class="styleswitch"><img src="images/renk.png"></a>

kodlarını uygun yere eklemeniz yeterli olacaktir..



Kaynak: www.mybb.com.tr

Uygun yer neresi hocam ?

images/RENKİSMİ.css nin İçine renklere uygun global kodunumu ekliyoruz ?

Örneğin turkuaz renk ekleyeceksiniz,
images klasorüne turkuaz.png isimli grafik dosyasını eklemelisiniz..

Hocam Javascript kodu hatalı images klasöründe styleswitch.js ve jquery.min.js yok.Bunları nerden bulabiliriz ??

yaha anlamadım css koduna ne eklemeliyim bir resim koyun ya konu açıyoruz hakaret ediliyor zaten ben sizi fıtık etsin diye öyle başlık koydum xpserkan bakarmısın demezsen yollar sonra bakıyor anlatımı açıklayın lütfen