MyBB İçin Multicolor Tema Yapımı | Sabitlenmeli

[goksel57]

Öncelikle 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: Tümünü Seç Tümünü Kopyala

<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: Tümünü Seç Tümünü Kopyala

<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 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: Tümünü Seç Tümünü Kopyala

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

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

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

kodlarını uygun yere eklemeniz yeterli olacaktir..

DEMO: http://destek101.10tl.net/
Yardımcı olduysam teşekkürü çok görmeyin.

[ForumYol]

Olmadı. Renk resimleri kırık gözüküyor. Kaldırıyorum

[goksel57]

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

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

Kardeşim kendi ftpne göre ayarlıcaksın bu 1 2.si altta verilen imagelerin adresini değiştir ;)

[ForumYol]

sen bana veremezmisin senin sitendekilerini ?

[Batuhann]

ftp dosyası yok..

[goksel57]

Kardeşim anlatamadım galiba gir global.css'ye oradan rengini değiştir ftp'ye css olarak at olay budur ;)

[ForumYol]

10tl.net te ftp mi var yoksa ben mi bilmiyorum :D

[goksel57]

ÖRN

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

<link rel="alternate stylesheet" type="text/css" title="mor" href="http://destek101.url.ph/images/mor.css" />

Tabiiki bu benim temam için siz de kendinize göre ayarlayın.

---

Ben illa 10tl.net'ten yap demiyorum ki Hostinger var oradan yap ;)