غير لون أستايلك بضغطه واحد دلع في دلع

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


أسم الهاك : تغير لون الاستايل بضغطه واحده

لـ 3.8

مميزاته

1. تغير الالوان بسرعه

2. لا يثقل المنتدى

3. بـ أكثر من لون وتستطيع زياده الوانه





صور للشكل
https://mwadah.com/images/imgcache/2009/03/31.imgcache

https://mwadah.com/images/imgcache/2009/03/32.imgcache

https://mwadah.com/images/imgcache/2009/03/33.imgcache

https://mwadah.com/images/imgcache/2009/03/34.imgcache

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

التركيب آرفع مجلد ElalFy المرفق

الى المنتدى الرئيسيى عن طريق آف تى بى أو لوحة تحكم الموقع

و

أدخل ع لوحة تحكم المنتدى وأضف هذا فى خيارات CSS

اقتباس:

---

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

---

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

كود HTML:

---

<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('none', 60)" style="background-color:#5A0000;"></a>
<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>

---

مبروك عليك

منقول

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

أخـــــــــــي الــــــــكــــــــريـــم //
https://mwadah.com/images/imgcache/2009/03/359.gif
سلمك الله من كل مكروهـ ودمت بصحة وعافيه ولا احرمنا الله جـــديــدك

يسلمووووووووووووووووو اديك اخوي وبارك الله فيك جاري التجربة وشكرااااااااااااا

شـكــ وبارك الله فيك ـــرا لك ...

لك مني أجمل تحية .

موفق بإذن الله ...:mwalat38:

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

يا إن فيه خطاء بكود التعاريف يا إنه مايعمل على 374

ويعطيك العافيه على كل حال

فيه مشكلة بالكود لانه لم يشتغل معي أرجوا مراجعة الكود أو المكان الصحيح الذى يوضع فيه

السلام عليكم ورحمة الله وبركاته

لم يعمل معي الكود ارجو مراجعته ايضا
تحياتي

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

شكرا لك
اخوي
وللاسف لم يعمل معي
مع تطبيقي للطريقة100%

لاتعمل ....
رغم تطبيق كل الطرق
ارجو الإهتمام بالرد

:mwalat40:شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

رائع
جزيل الشكر لك عزيزي