http://www.sadaalhajjaj.net/vb/images/444466664.jpg


العودة   شبكة ومنتديات صدى الحجاج > منتديات صدى الحجاج التطويريه > ستايلات المنتديات
أختيار الاستال من هنا

روسيا اليوم الجزيرة ناشونال جيوغرافيك المملكه رؤيا الاقصى الكوفيه الرياضيه عمون يوتيوب مركز رفع الصور  

ستايلات المنتديات منتدي يختص بستايلات وقوالب المنتديات vb النسخه الثالثه

تلوين ستايل واحد بأكثر من لون .بحيث تترك للأعضاء باختيار اللون المفضل ..

بعدما تم ايضاح طريقة حفظ ملفات css بشكل منفصل وكذلك ايضاح الطرق المختلفة لتعديل الروابط وكذلك ايضاح أهم الفئات والاكواد و الالوان في الستايل ندخل مرحة التطبيق المرحلة الاولى :

إضافة رد
كاتب الموضوع نشمي مشاركات 2 المشاهدات 7844  مشاهدة صفحة طباعة الموضوع | أرسل هذا الموضوع إلى صديق | الاشتراك انشر الموضوع
 
أدوات الموضوع انواع عرض الموضوع
قديم 22-02-2009, 16:49   رقم المشاركة : ( 1 )

http://sadaalhajjaj.net/vb/images/name/22.gif



 
لوني المفضل : #360000
رقم العضوية : 364
تاريخ التسجيل : 15 - 9 - 2008
فترة الأقامة : 5937 يوم
أخر زيارة : 27-02-2015
العمر : 39
المشاركات : 1,603 [ + ]
عدد النقاط : 10
 
 
 الأوسمة و جوائز
 بينات الاتصال بالعضو
 اخر مواضيع العضو

نشمي غير متصل

افتراضي رد: تلوين ستايل واحد بأكثر من لون .بحيث تترك للأعضاء باختيار اللون المفضل ..



بعدما تم ايضاح طريقة حفظ ملفات css بشكل منفصل
وكذلك ايضاح الطرق المختلفة لتعديل الروابط
وكذلك ايضاح أهم الفئات والاكواد و الالوان في الستايل
ندخل مرحة التطبيق
المرحلة الاولى : نبدأ بتكوين 7 ملفات css بألوان مختلفة .و أتقانها يعتمد على شطارتك في لغة css
نضعها مثلا بهذا المسار مثلا

كود
images/colorstyle/1.css
images/colorstyle/2.css
images/colorstyle/3.css
images/colorstyle/4.css
images/colorstyle/5.css
images/colorstyle/6.css
images/colorstyle/7.css

المرحلة الثانية :
ربط ملفات css بالجافا سكريبت التي تعرف ب stylesheetswitcher
نرفع ملف الجافا styleswitch.js من هذا الموقع
http://www.dynamicdrive.com/dynamici...etswitcher.htm
او حمل من هنا كليك يمين ..حفظ باسم[/url]
نحفظه في هذا المسار مثلا
كود
images/colorstyle/styleswitch.js

المرحلة الثالثة :
لوحة تحكم المنتدى / التحكم بالستايلات / القوالب الشائعة
في قالب headinclude
ابحث عن
كود
$style[css]

واستبدله ب

كود
<link rel="stylesheet" type="text/css"  href="images/colorstyle/7.css" title="default"/>
<link rel="alternate stylesheet" type="text/css" media="screen" title="style-1" href="images/colorstyle/1.css"/>
<link rel="alternate stylesheet" type="text/css" media="screen" title="style-2" href="images/colorstyle/2.css"/>
<link rel="alternate stylesheet" type="text/css" media="screen" title="style-3" href="images/colorstyle/3.css"/>
<link rel="alternate stylesheet" type="text/css" media="screen" title="style-4" href="images/colorstyle/4.css"/>
<link rel="alternate stylesheet" type="text/css" media="screen" title="style-5" href="images/colorstyle/5.css"/>
<link rel="alternate stylesheet" type="text/css" media="screen" title="style-6" href="images/colorstyle/6.css"/>
<link rel="alternate stylesheet" type="text/css" media="screen" title="style-7" href="images/colorstyle/7.css"/>

في نفس القالب اضف في آخره
كود
<****** type="text/java******" src="images/colorstyle/styleswitch.js?v=$vboptions[simpleversion]"></******>

احفظ العمل
انتهينا من تعريف ملفات css وملف الجافا للستايل

بقي لنا وصع خيار تلوين للأعضاء .
لدينا خيار اضافته في اي قالب مناسب لتضمن ظهور وشكل أفضل
القوالب مثل
header
navbar
footer
أو يكنكم استغلال أحد قوالب مكان الاعلان الفارغة
ad_header_logo
ad_header_end
ad_navbar_below
ad_footer_end
ad_footer_start
ولدينا أشكال مختلف لادراج الخيار (صور) او (قائمة منسدلة) او (أزرار راديو) او (كتابة)
مثال وضع خيار الصور
styleswitch1nz1.***

كود
<!---خيار الصور بداية هاك تغيير الألوان -->
<b> <font color="#FF0000">اختر لون صفحتك</font></b> :
<a href="java******:chooseStyle('style-1',60)">
<img src="images/colorstyle/Turquoise.gif" alt="تركواز" width="12" height="12" border="0"/></a>
<a href="java******:chooseStyle('style-2', 60)">
<img src="images/colorstyle/Violet.gif" alt="بنفسجي" width="12" height="12" border="0"/></a>
<a href="java******:chooseStyle('style-3',60)">
<img src="images/colorstyle/Pink.gif" alt="وردي" width="12" height="12" border="0"/></a>
<a href="java******:chooseStyle('style-4',60)">
<img src="images/colorstyle/Red.gif" alt="احمر " width="12" height="12" border="0"/></a>
<a href="java******:chooseStyle('style-5',60)">
<img src="images/colorstyle/Brown.gif" alt="بني" width="12" height="12" border="0"/></a>
<a href="java******:chooseStyle('style-6',60)">
<img src="images/colorstyle/Green.gif" alt="اخضر" width="12" height="12" border="0"/></a>
<a href="java******:chooseStyle('style-7',60)">
<img src="images/colorstyle/Default.gif" alt="إفتراضي" width="12" height="12" border="0"/></a>
<!--خيار الصور-نهاية هاك تغيير الألوان -->


مثال خيار أزرار راديو
كود
<!--خيار أزرار راديو بداية هاك تغيير الألوان -->
<b> <font color="#FF0000">اختر لون صفحتك</font></b> :
<form id="switchform">
<input type="radio" name="choice" value="none" onClick="chooseStyle(this.value, 60)">أزرق افتراضي<br />
<input type="radio" name="choice" value="style-1" onClick="chooseStyle(this.value, 60)">تركواز<br />
<input type="radio" name="choice" value="style-2" onClick="chooseStyle(this.value, 60)">بنفسجي<br />
<input type="radio" name="choice" value="style-3" onClick="chooseStyle(this.value, 60)">وردي<br />
<input type="radio" name="choice" value="style-4" onClick="chooseStyle(this.value, 60)">احمر<br />
<input type="radio" name="choice" value="style-5" onClick="chooseStyle(this.value, 60)">بني<br />
<input type="radio" name="choice" value="style-6" onClick="chooseStyle(this.value, 60)">اخضر<br />
</form>
<!--خيار أزرار راديو نهاية هاك تغيير الألوان -->

مثال خيار قائمة منسدلة
كود
<!-- خيار قائمة منسدلة بداية هاك تغيير الألوان -->
<form id="switchform">
<select name="switchcontrol" size="1" onChange="chooseStyle(this.options[this.selectedIndex].value, 60)">
<option value="none" selected="selected">أزرق افتراضي</option>
<option value="style-1">تركواز</option>
<option value="style-2">بنفسجي</option>
<option value="style-3">وردي</option>
<option value="style-4">أحمر</option>
<option value="style-5">بني</option>
<option value="style-6">أخضر</option>
</select>
</form>
<!-- خيار قائمة منسدلة نهاية هاك تغيير الألوان -->

مثال خيارالكتابة
styleswitch4ro1.***

كود
<!--خيارالكتابة بداية هاك تغيير الألوان -->
<b> <font color="#FF0000">اختر لون صفحتك</font></b> : 
<a href="java******:chooseStyle('style-7',60)" checked="checked">أزرق</a>|
<a href="java******:chooseStyle('style-1',60)">تركواز</a>|
<a href="java******:chooseStyle('style-2', 60)">بنفسجي</a>|
<a href="java******:chooseStyle('style-3',60)">وردي</a>|
<a href="java******:chooseStyle('style-4',60)">احمر </a>|
<a href="java******:chooseStyle('style-5',60)">بني</a>|
<a href="java******:chooseStyle('style-6',60)">اخضر</a>
<!--خيارالكتابة نهاية هاك تغيير الألوان -->





  رد مع اقتباس
إضافة رد

الموضوع الحالى: تلوين ستايل واحد بأكثر من لون .بحيث تترك للأعضاء باختيار اللون المفضل ..    -||-    القسم الخاص بالموضوع: ستايلات المنتديات    -||-    المصدر: شبكة ومنتديات صدى الحجاج    -||-    شبكة صدى الحجاج


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
صور نادرة لعملات المملكه الاردنية الهاشميه ريماس منتدى الصورو تزين المواضيع والردود 19 09-07-2009 03:24
400 نكته... من اروع النكت عفراء منتدى الـفـكـاهــه والنكت 3 16-01-2009 16:15
نكت من الاخر ... !!! م.محمود الحجاج منتدى الـفـكـاهــه والنكت 3 17-02-2008 11:56


Loading...

عدد الزوار والضيوف المتواجدبن الان على الشبكة من الدول العربيه والاسلاميه والعالميه

free counters

انت الزائر رقم



Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. , Designed & TranZ By Almuhajir
new notificatio by 9adq_ala7sas
Developed By Marco Mamdouh
جميع الحقوق محفوظة لشبكة و منتديات صدى الحجاج

كل ما يكتب في المنتديات لا يعبر بالضرورة عن رأي إدارة شبكة ومنتديات صدى الحجاج
شبكة ومنتديات صدى الحجاج لا تنتمي لاي حزب او جماعه او جهة او معتقد او فئه او مؤسسة وانما تثمل المصداقيه والكلمه الحرة
...

http://www.sadaalhajjaj.net/vb/images/33220011.jpg