:: vBspiders Professional Network :: - اعمل لستايلك أكتر من لون .. وبتلات خطوات بس

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

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

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

http://i123.photobucket.com/albums/o..._ram87/Red.jpg

http://i123.photobucket.com/albums/o...ack_silver.jpg

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

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

اعدادات CSS

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

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

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

رمز PHP:

#topbar {

رمز PHP:

[CENTER][COLOR=slategray]height: 32px;[/COLOR]
[COLOR=slategray]background: #CCCCCC;[/COLOR]
[COLOR=slategray]}[/COLOR]
[COLOR=slategray].colorchooser {[/COLOR]
[COLOR=slategray]float:right;[/COLOR]
[COLOR=slategray]margin-right:10px;[/COLOR]
[COLOR=slategray]margin-top:10px;[/COLOR]
[COLOR=slategray]}[/COLOR]
[COLOR=slategray].colorchooser span {[/COLOR]
[COLOR=slategray] font-family:arial; [/COLOR]
[COLOR=slategray] color:#FFFFFF; [/COLOR]
[COLOR=slategray] font-size:10px; [/COLOR]
[COLOR=slategray] text-decoration:none; [/COLOR]
[COLOR=slategray] float:left; [/COLOR]
[COLOR=slategray] display:block;[/COLOR]
[COLOR=slategray]}[/COLOR]
[COLOR=slategray].colorchooser a {[/COLOR]
[COLOR=slategray] width:10px; [/COLOR]
[COLOR=slategray] height:10px; [/COLOR]
[COLOR=slategray] display:block;[/COLOR]
[COLOR=slategray] float:left;[/COLOR]
[COLOR=slategray] margin-left:5px[/COLOR]
[COLOR=slategray]}[/COLOR]
[COLOR=slategray][/COLOR][/CENTER]

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

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

رمز PHP:

[CENTER][COLOR=slategray][/COLOR]
[COLOR=slategray][/COLOR]
[COLOR=slategray][/COLOR]
[COLOR=slategray][/COLOR]
[COLOR=slategray][/COLOR]
[COLOR=slategray][/COLOR]
[COLOR=slategray][/COLOR]
[COLOR=slategray][/COLOR]
[COLOR=slategray] Choose your color scheme: [/COLOR]
[COLOR=slategray][/COLOR]
[COLOR=slategray][/COLOR]
[COLOR=slategray][/COLOR]
[COLOR=slategray][/COLOR]
[COLOR=slategray][/COLOR]
[COLOR=slategray][/COLOR]
[COLOR=slategray]

[/COLOR]
[COLOR=slategray]
[/COLOR]
[COLOR=slategray][/COLOR][/CENTER]

</div>

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

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

تحياتي :icon30:

</div>
الملفات المرفقة http://www.traidnt.net/vb/images/attach/zip.gif Colour coding.zip (2.3 كيلوبايت)