Eklenti : Multicolor Tema Yapımı

Anlatım : ZeRQ

Açıklama : Öncelikle Bu eklenti Temanızda Sayfayı Değiştirmeden Renk Değişikliği Yapar CSS Bilen Arkadaşlar Farklı Yöntemler Kullanarakta Bu Özelliği Geliştirebilir.

#topbar {
height: 32px;
background: #CCCCCC;
}
.colorchooser {
float:right;
margin-right:10px;
margin-top:10px;
}
.colorchooser span {
  font-family:arial;
  color:#FFFFFF;
  font-size:10px;
  text-decoration:none;
  float:left;
  display:block;
}
.colorchooser a {
  width:10px;
  height:10px;
  display:block;
  float:left;
  margin-left:5px
}

Bu Kodu İster Footer İster Header Ekliyebilirsiniz. (Nereye eklersenız orada çıkacaktır.)

<link rel="alternate stylesheet" type="text/css" title="orange-theme" href="orange.css" />
<link rel="alternate stylesheet" type="text/css" title="violet-theme" href="violet.css" />
<link rel="alternate stylesheet" type="text/css" title="red-theme" href="red.css" />
<link rel="alternate stylesheet" type="text/css" title="grey-theme" href="grey.css" />
<link rel="alternate stylesheet" type="text/css" title="black-theme" href="black.css" />
<link rel="alternate stylesheet" type="text/css" title="pinkish-theme" href="pinkish.css" />
<script src="colorchooser.js" type="text/javascript"></script>

<div id=”topbar”>
<div> <span>Biçim Seç: </span>
<a href=”javascript:ChennaigsmStyle(‘none’)” style=”background-color:#5A0000;”></a>
<a href=”javascript:ChennaigsmStyle(‘orange-theme’)” style=”background-color:#FF9900;”></a>
<a href=”javascript:ChennaigsmStyle(‘violet-theme’)” style=”background-color:#003366;”></a>
<a href=”javascript:ChennaigsmStyle(‘red-theme’)” style=”background-color:#990000;”></a>
<a href=”javascript:ChennaigsmStyle(‘grey-theme’)” style=”background-color:#999999;”></a>
<a href=”javascript:ChennaigsmStyle(‘black-theme’)” style=”background-color:#000000;”></a>
<a href=”javascript:ChennaigsmStyle(‘pinkish-theme’)” style=”background-color:#B26267;”></a> </div>
</div>

 Kurulum Zorluğu : Normal
 Kurulum Süresi : 5-10 dk
 Eklentide Düzenleme : header-footer-css