15.08.2011, Saat: 06:14
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 :
En Alta Ekle :
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 ;
kodlarını uygun yere eklemeniz yeterli olacaktir..
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..