هاك وضع ازرار تغيير الاستايل لاعضائك

هاك وضع ازرار تغيير الاستايل لاعضائك

شباب اليوم جبتلكم طريقة روعة وهي وضع ايقونات تغيير الوان الاستايل حتى يتمكن الاعضاء من تغيير اي لون يريدوه


المثال :



طريقة التركيب :

1- رفع جميع الملفات المرفقة (الملفات وليس المجلد) داخل مجلد المنتدى الرئيسي vb

2- من وحة التحكم نذهب الى التحكم بالاستايلات ثم نضغط زر تعديل على الاستايل الذ نريد وضع الازرار فيه


نضع في خانة تعاريف CSS الإضافية/Additional CSS Definitions الكود التالي :
ملاحظة : نضعه في الحقل الثاني وليس الاول كما في الصورة


الكود هو : كود PHP:

رمز PHP: #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
}

3- نضع الكود التالي في اسفل قالب الهيدر header

رمز PHP:
كود PHP:

<!-- زر تغيير الوان الاستايل :: فواصل التطويري -->
<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/**********"></script>

<div id="topbar">
<div class="colorchooser"> <span>Choose your color scheme: </span>
<a href="**********:ChennaigsmStyle('none')" style="background-color:#5A0000;"></a>
<a href="**********:ChennaigsmStyle('orange-theme')" style="background-color:#FF9900;"></a>
<a href="**********:ChennaigsmStyle('violet-theme')" style="background-color:#003366;"></a>
<a href="**********:ChennaigsmStyle('red-theme')" style="background-color:#990000;"></a>
<a href="**********:ChennaigsmStyle('grey-theme')" style="background-color:#999999;"></a>
<a href="**********:ChennaigsmStyle('black-theme')" style="background-color:#000000;"></a>
<a href="**********:ChennaigsmStyle('pinkish-theme')" style="background-color:#B26267;"></a> </div>
</div>
<!-- زر تغيير الوان الاستايل :: بواسطة فواصل التطويري

4- نقوم بخزن التعديلات

5- الف مبروك التركيب

الملفات المرفقة Colour coding by Haitham Al-Hmmamy.zip