Multicolor Tema Hazırlamak - Baskı Önizleme

MyBB İçin Multicolor Tema Yapımı

Multicolor nedir ?

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

Admin KP Sağ Ok

Şablon & Stil Sağ Ok

Şablonlar

Temanız

Header Şablonlar Sağ Ok

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