اعمل لستايل styleك أكتر من لون .. وبتلات خطوات بس

[salima]

http://www.dzbatna.com/images/icons/iconrote.gif ط§ط¹ظ…ظ„ ظ„ط³طھط§ظٹظ„ظƒ ط£ظƒطھط± ظ…ظ† ظ„ظˆظ† .. ظˆط¨طھظ„ط§طھ ط®ط·ظˆط§طھ ط¨ط³ (http://www.dzbatna.com/t1211511/)



بسم الله الرحمن الرحيم


أعمل لستايل styleك عدة ألوان وبأسهل طريقة


خلي الاعضاء يغيروا لون الاستايل style حسب مزاجهم ..



http://i123.photobucket.com/albums/o301/chen_ram87/Red.jpg




http://i123.photobucket.com/albums/o301/chen_ram87/black_silver.jpg




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



من لوحة التحكم .. روح ع الاستايل styleات والقوالب


اعدادات CSS



أخر الصفحه عند


تعاريف CSS الإضافية/Additional CSS Definitions



حط بالمربع التاني هاد الكود code


رمز PHP:

<code style="white-space:nowrap"> <code> #topbar {
</code> </code>


رمز PHP:

<code style="white-space:nowrap"> <code> &#91;CENTER&#93;&#91;COLOR=slategray&#93;height: 32px;&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;background: #CCCCCC;&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;}&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;.colorchooser {&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;float:right;&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;margin-right:10px;&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;margin-top:10px;&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;}&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;.colorchooser span {&#91;/COLOR&#93;
&#91;COLOR=slategray&#93; font-family:arial; &#91;/COLOR&#93;
&#91;COLOR=slategray&#93; color:#FFFFFF; &#91;/COLOR&#93;
&#91;COLOR=slategray&#93; font-size:10px; &#91;/COLOR&#93;
&#91;COLOR=slategray&#93; text-decoration:none; &#91;/COLOR&#93;
&#91;COLOR=slategray&#93; float:left; &#91;/COLOR&#93;
&#91;COLOR=slategray&#93; display:block;&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;}&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;.colorchooser a {&#91;/COLOR&#93;
&#91;COLOR=slategray&#93; width:10px; &#91;/COLOR&#93;
&#91;COLOR=slategray&#93; height:10px; &#91;/COLOR&#93;
&#91;COLOR=slategray&#93; display:block;&#91;/COLOR&#93;
&#91;COLOR=slategray&#93; float:left;&#91;/COLOR&#93;
&#91;COLOR=slategray&#93; margin-left:5px&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;}&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;&#91;/COLOR&#93;&#91;/CENTER&#93;
</code> </code>






بعدين روح للهيدر


وانسخ هاد الكود code بالاعلى



رمز PHP:

<code style="white-space:nowrap"> <code> <link rel="alternate stylesheet" type="text/css" title="orange-theme" href="orange.css" />
</code> </code>



رمز PHP:

<code style="white-space:nowrap"> <code> &#91;CENTER&#93;&#91;COLOR=slategray&#93;<link rel="alternate stylesheet" type="text/css" title="violet-theme" href="violet.css" />&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;<link rel="alternate stylesheet" type="text/css" title="red-theme" href="red.css" />&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;<link rel="alternate stylesheet" type="text/css" title="grey-theme" href="grey.css" />&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;<link rel="alternate stylesheet" type="text/css" title="black-theme" href="black.css" />&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;<link rel="alternate stylesheet" type="text/css" title="pinkish-theme" href="pinkish.css" />&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;<script src="colorchooser.js" type="text/javascript"></script>&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;<div id="topbar">&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;<div class="colorchooser"> <span>Choose your color scheme: </span>&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;<a href="javascript:ChennaigsmStyle('none')" style="background-color:#5A0000;"></a>&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;<a href="javascript:ChennaigsmStyle('orange-theme')" style="background-color:#FF9900;"></a>&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;<a href="javascript:ChennaigsmStyle('violet-theme')" style="background-color:#003366;"></a>&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;<a href="javascript:ChennaigsmStyle('red-theme')" style="background-color:#990000;"></a>&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;<a href="javascript:ChennaigsmStyle('grey-theme')" style="background-color:#999999;"></a>&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;<a href="javascript:ChennaigsmStyle('black-theme')" style="background-color:#000000;"></a>&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;<a href="javascript:ChennaigsmStyle('pinkish-theme')" style="background-color:#B26267;"></a> </div> &#91;/COLOR&#93;
&#91;COLOR=slategray&#93;</div>&#91;/COLOR&#93;
&#91;COLOR=slategray&#93;&#91;/COLOR&#93;&#91;/CENTER&#93;
</code> </code>









وبعدين اخر خطوة .. افتح برنامج FTP


وارفع المجلد التالي لل public-html




تحياتي http://www.dzbatna.com/images/smilies/icon30.gif








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

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif Colour coding.zip (http://www.traidnt.net/vb/attachments/374463d1242578096-colour-coding.zip) (2.3 كيلوبايت, عدد مرات المشاهدة 214 مرة)


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