وضع ازرار تغيير الاستايل style لاعضائك .. مُقدمة من هيثم الحمّامي

[romaissa]

http://www.dzbatna.com/images/icons/iconrote.gif ظˆط¶ط¹ ط§ط²ط±ط§ط± طھط؛ظٹظٹط± ط§ظ„ط§ط³طھط§ظٹظ„ ظ„ط§ط¹ط¶ط§ط¦ظƒ .. ظ…ظڈظ‚ط¯ظ…ط© ظ…ظ† ظ‡ظٹط«ظ… ط§ظ„ط*ظ…ظ‘ط§ظ…ظٹ (http://www.dzbatna.com/t1938455/)



السلام عليكم

كيف الحال اخواني الاعزاء ؟

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


المثال :

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

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

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

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


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

الكود code هو :
رمز PHP:

<code style="white-space:nowrap"> <code> #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
}
</code> </code>

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




رمز PHP:

<code style="white-space:nowrap"> <code> <!-- زر تغيير الوان الاستايل style :: بواسطة هيثم الحمّامي -->
<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>
<!-- زر تغيير الوان الاستايل style :: بواسطة هيثم الحمّامي -->
</code> </code>


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

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


جميع الحقوق محفوظة لـِ هيثم الحمّامي / منتديات عراق اون لاين (http://www.3raq-online.com/vb)
تحياتي






التعديل الأخير كان بواسطة THE IRAQI DENTIST; 01 - 09 - 2014 الساعة 19:03

ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif Colour coding by Haitham Al-Hmmamy.zip (http://www.traidnt.net/vb/attachments/597664d1314892922-colour-coding-haitham-al-hmmamy.zip) (3.1 كيلوبايت, عدد مرات المشاهدة 113 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©