ط§ط¹ظ…ظ„ ظ„ط³طھط§ظٹظ„ظƒ ط£ظƒطھط± ظ…ظ† ظ„ظˆظ† .. ظˆط¨طھظ„ط§طھ ط®ط·ظˆط§طھ ط¨ط³



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

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

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








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


من لوحة التحكم .. روح ع الاستايل 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



تحياتي






الملفات المرفقة [TR]
Colour coding.zip (2.3 كيلوبايت, عدد مرات المشاهدة 214 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©