اعمل اكثر من لون لاستايلك

[Ahmed Fouda]

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


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

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

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

اعدادات CSS

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

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

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

#topbar { 

[CENTER][COLOR=slategray]height: 32px;[/COLOR]
[CENTER][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]  [/CENTER] 

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

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

<link rel="alternate stylesheet" type="text/css" title="orange-theme" href="orange.css" /> 

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

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

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

[VB 4]

اخوي يا ريت توضح اماكن وضع الاكواد

انتا تقول


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

#topbar { 

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

[CENTER][COLOR=slategray]height: 32px;[/COLOR]
[CENTER][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]  [/CENTER] 

ممكن تشرح لنا
ويا ريت تشرح التاني كمان
تحياتي

[Ahmed Fouda]

#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
} 

header



وأفتح قالب الهيدر آضف الكود أول الهيدر آخر الهيدر آى مكان تريد

<link rel="alternate stylesheet" type="text/css" media="screen" title="orange-theme" href="orange.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="violet-theme" href="violet.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="red-theme" href="red.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="grey-theme" href="grey.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="black-theme" href="black.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="pinkish-theme" href="pinkish.css" />
<script src="styleswitch.js" type="text/javascript"></script>
<div id="topbar">
<div class="colorchooser"> <span>try another color scheme: </span>
<a href="javascript:chooseStyle('orange-theme', 7)" style="background-color:#FF9900;"></a>
<a href="javascript:chooseStyle('violet-theme', 7)" style="background-color:#003366;"></a>
<a href="javascript:chooseStyle('red-theme', 7)" style="background-color:#990000;"></a>
<a href="javascript:chooseStyle('grey-theme', 7)" style="background-color:#999999;"></a>
<a href="javascript:chooseStyle('black-theme', 7)" style="background-color:#000000;"></a>
<a href="javascript:chooseStyle('pinkish-theme', 7)" style="background-color:#B26267;"></a> </div> 
</div> 

[ح ـــكـم القدر]

بجربه وبرد لك خبر

[Ahmed Fouda]

نورت ولد الخبااااااااااااااااااز

[M.A.F.]

طريقة جميلة رأيتها في ستايلين عربيين فقط لم يقم بها الكثير ^^

[Ahmed Fouda]

ايه نوررررررررررت اخى

[العارض]

مافهمت .. ؟؟

بعدين وين ملف

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

انتظرك يامبدع

تحياتي

[Ahmed Fouda]

كنت رافعه اخى بس ما بعلم راح وين
المشاركه تم تعديلها
بجيب وبرفعه الك

[Okba.Dz]

اينَ الملف يااخي