المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : هاك وضع ازرار تغيير الاستايل لاعضائك


مدهش
2011-09-01, 06:10 PM
http://cdn5.tribalfusion.com/media/37536.gif




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


المثال :

http://up.3raq-online.com/uploads/13148920501.jpg

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

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

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


نضع في خانة تعاريف CSS الإضافية/Additional CSS Definitions الكود التالي :
ملاحظة : نضعه في الحقل الثاني وليس الاول كما في الصورة
http://up.3raq-online.com/uploads/13148924701.jpg

الكود هو :
رمز 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:
<!-- زر تغيير الوان الاستايل :: فواصل التطويري -->
<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 class="colorchooser"> <span>Choose your color scheme: </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>
<!-- زر تغيير الوان الاستايل :: بواسطة فواصل التطويري


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

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

واضح بالجروح
2011-11-11, 02:46 AM
حركة جميله بآركـ الله فيكـ .. !

مدهش
2011-11-14, 06:35 PM
نورت الموضوع بردك يالغلا

شباب كافيه
2011-11-30, 12:47 PM
حركه قويه جدا

مدهش
2011-11-30, 03:33 PM
تسلم يالغالي لوجودك وردك بلموضوع

أنفاس زايد
2012-03-17, 11:53 PM
السلام عليكمو رحمة الله وبركاته

شكرا لك اخي الكريم

لك ودي واحترامي