aSpeNDos
29 - 09 - 2024, 22:48
için renk kodlaması Açıklama: Forumun renk düzenini değiştirme yeteneği (ekran görüntüsüne bakın)
Kurulum:
Arşivin içeriğini
.css uzantıları public_html içersinde css içersine yükleyin.
.js uzantısını ise aynı şekil de public_html js içersine yükleyin.
Ana CSS tablosuna (her sitil için) şunu ekleyin:
#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
}
Başlık şablonunda (header), en üste ekleyin:
<link rel="alternate stylesheet" type="text/css" media="screen" title="orange-theme" href="css/orange.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="violet-theme" href="css/violet.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="red-theme" href="css/red.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="grey-theme" href="css/grey.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="black-theme" href="css/black.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="pinkish-theme" href="css/pinkish.css" />
<script src="js/styleswitch.js" type="text/javascript"></script>
<div id="topbar">
<div class="colorchooser"><span>Renk Seç</span>
<a href="javascript:chooseStyle('none', 60)" style="background-color:#5A0000;"></a>
<a href="javascript:chooseStyle('orange-theme', 7)" style="background-color:#FF9900;"></a>
<a href="javascript:chooseStyle('violet-theme', 7)" style="background-color:#003366;"></a>
<a href="javascript:chooseStyle('red-theme', 7)" style="background-color:#990000;"></a>
<a href="javascript:chooseStyle('grey-theme', 7)" style="background-color:#999999;"></a>
<a href="javascript:chooseStyle('black-theme', 7)" style="background-color:#000000;"></a>
<a href="javascript:chooseStyle('pinkish-theme', 7)" style="background-color:#B26267;"></a> </div>
</div>
Örnek Görüntü :
[Only Registered Users Can See Links]
Rar Şifresi :
[Only Registered Users Can See Links]
Keyifli Forumlar Dileriz..
Kurulum:
Arşivin içeriğini
.css uzantıları public_html içersinde css içersine yükleyin.
.js uzantısını ise aynı şekil de public_html js içersine yükleyin.
Ana CSS tablosuna (her sitil için) şunu ekleyin:
#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
}
Başlık şablonunda (header), en üste ekleyin:
<link rel="alternate stylesheet" type="text/css" media="screen" title="orange-theme" href="css/orange.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="violet-theme" href="css/violet.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="red-theme" href="css/red.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="grey-theme" href="css/grey.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="black-theme" href="css/black.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="pinkish-theme" href="css/pinkish.css" />
<script src="js/styleswitch.js" type="text/javascript"></script>
<div id="topbar">
<div class="colorchooser"><span>Renk Seç</span>
<a href="javascript:chooseStyle('none', 60)" style="background-color:#5A0000;"></a>
<a href="javascript:chooseStyle('orange-theme', 7)" style="background-color:#FF9900;"></a>
<a href="javascript:chooseStyle('violet-theme', 7)" style="background-color:#003366;"></a>
<a href="javascript:chooseStyle('red-theme', 7)" style="background-color:#990000;"></a>
<a href="javascript:chooseStyle('grey-theme', 7)" style="background-color:#999999;"></a>
<a href="javascript:chooseStyle('black-theme', 7)" style="background-color:#000000;"></a>
<a href="javascript:chooseStyle('pinkish-theme', 7)" style="background-color:#B26267;"></a> </div>
</div>
Örnek Görüntü :
[Only Registered Users Can See Links]
Rar Şifresi :
[Only Registered Users Can See Links]
Keyifli Forumlar Dileriz..