استايل رونق المتعدد الألوان للنسخ 3.8

WebCraker

العبد الفقير إلى الله
طاقم الإدارة
9 مارس 2008
5,645
50
48
Egypt
support-ar.com
أستايل رونق المتعدد الألوان (أربع ألوان)
الأزرق والأخضر والبرتقانى والفوشيا




شرح لطريقه تغيير اللون الأزرق بأى لون من ألوان الأستايل كلون أفتراضي

منذ وضع الأستايل وجدت ان الطلب زاد لعمل الوان أخرى هي الأفتراضيه وليس فقط الازرق
وكنت قد اقتصرت على اللون الأزرق كلون أفتراضى واعتماد باقى الألوان عليه لسرعه التصفح

لاكن سأضع لكم اليوم طريقه التغيير لأى لون آخر كلون أفتراضى


صورة للأستايل

attachment.php


بسم الله نبدأ

بالبدايه باقى الألوان مرفقه
لمن يريد تغيير اى لون آخر للافتراضى يقوم بتحميله من المرفقات
واستبداله بالموجود باللون الخاص به بملجد الاستايل


توضيح أكثر
لو أردنا تغيير اللون الأفتراضى للون الأخضر سنقوم بتحميل الملف الخاص باللون الأخضر من المرفقات
والذهاب الى مجلد الأستايل stylev1
سنجد مجلدات الألوان بأسماء الألوان
مجلد blue للون الأزرق
مجلد green للون الأخضر
مجلد orange للون البرتقانى أو الأورانج
مجلد fushi للون الفوشيا أو الموف

كل ما علينا فعله تحديد اللون الأفتراضى الذى نرغب به ونقوم بتحميل الملف من المرفقات وأستبداله بنظيره الموجود بمجلد اللون.

ونأتى لأهم نقطه وهى التعديل على القوالب لتفعيل اللون كلون افتراضى
والتعديلات ستكون على القالبين
header
headinclude


سنذهب للأستايل من لوحة التحكم
ثم القوالب الشائعه

ونبدأ بالتعديل على قالب الهيدر Header

نبحث بالقالب على هذا الكود

HTML:
   <area shape="circle" coords="10,11,9" href="javascript:chooseStyle('Green-theme', 60)" alt="" />           <area shape="circle" coords="10,32,9" href="javascript:chooseStyle('Orange-theme', 60)" alt="" />           <area shape="circle" coords="10,53,9" href="javascript:chooseStyle('none', 60)" checked="checked" alt="" />           <area shape="circle" coords="10,73,9" href="javascript:chooseStyle('Fushi-theme', 60)" alt="" />


إذا أردنا اللون الأخضر للون الأفتراضى سنقوم بأستبداله بالكود التالى

HTML:
   <area shape="circle" coords="10,11,9" href="javascript:chooseStyle('none', 60)" alt="" /> <area shape="circle" coords="10,32,9" href="javascript:chooseStyle('Orange-theme', 60)" alt="" /> <area shape="circle" coords="10,53,9" href="javascript:chooseStyle('Blue-theme', 60)"  alt="" /> <area shape="circle" coords="10,73,9" href="javascript:chooseStyle('Fushi-theme', 60)" alt="" />



إذا أردنا اللون البرتقانى او الاورانج الون الأفتراضى سنقوم بأستبداله بالكود التالى

HTML:
    <area shape="circle" coords="10,11,9" href="javascript:chooseStyle('Green-theme', 60)" alt="" /> <area shape="circle" coords="10,32,9" href="javascript:chooseStyle('none', 60)" alt="" /> <area shape="circle" coords="10,53,9" href="javascript:chooseStyle('Blue-theme', 60)" alt="" /> <area shape="circle" coords="10,73,9" href="javascript:chooseStyle('Fushi-theme', 60)" alt="" />


إذا أردنا اللون الفوشيا او الموف الون الأفتراضى سنقوم بأستبداله بالكود التالى

HTML:
    <area shape="circle" coords="10,11,9" href="javascript:chooseStyle('Green-theme', 60)" alt="" /> <area shape="circle" coords="10,32,9" href="javascript:chooseStyle('Orange-theme', 60)" alt="" /> <area shape="circle" coords="10,53,9" href="javascript:chooseStyle('Blue-theme', 60)"  alt="" /> <area shape="circle" coords="10,73,9" href="javascript:chooseStyle('none', 60)" alt="" />


ثم نذهب لقالب ال headinclude

ونبحث عن هذا الكود
HTML:
     <link rel="stylesheet" type="text/css" href="stylev1/blue/blue.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="Green-theme" href="stylev1/green/green.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="Orange-theme" href="stylev1/orange/orange.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="Fushi-theme" href="stylev1/fushi/fushi.css" />


وإذا كان التعديل ليصبج اللون الأخضر هوه اللون الأفتراضى
سنستبدله بالكود التالى


HTML:
     <link rel="stylesheet" type="text/css" href="stylev1/green/green.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="Blue-theme" href="stylev1/blue/blue.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="Orange-theme" href="stylev1/orange/orange.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="Fushi-theme" href="stylev1/fushi/fushi.css" />


وإذا كان التعديل ليصبج اللون الأورانج او البرتقانى هوه اللون الأفتراضى
سنستبدله بالكود التالى


HTML:
     <link rel="stylesheet" type="text/css" href="stylev1/orange/orange.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="Blue-theme" href="stylev1/blue/blue.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="Green-theme" href="stylev1/green/green.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="Fushi-theme" href="stylev1/fushi/fushi.css" />


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



HTML:
     <link rel="stylesheet" type="text/css" href="stylev1/fushi/fushi.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="Blue-theme" href="stylev1/blue/blue.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="Green-theme" href="stylev1/green/green.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="Orange-theme" href="stylev1/orange/orange.css" />


أرجو من الله ان اكون وفقت والجميع أستفاد
والسلام عليكم ورحمه الله وبركاته
 

المرفقات

  • orange.css.zip
    3.6 KB · المشاهدات: 279
  • green.zip
    3.6 KB · المشاهدات: 265
  • fushi.css.zip
    3.6 KB · المشاهدات: 260
  • blue.png
    blue.png
    677 KB · المشاهدات: 3,443

Abdul Rahim

[ أعضاء فى القلب ]
30 مايو 2011
3,386
23
0
الله يعطيك العافية

موضوع منسق ومتعوب عليه
 

MAZIKA2WAY

عضو جديد
4 يونيو 2012
3
0
0
32
بسم الله مشاء الله
الاستايل جميل جدا بس لو سمحت هو ليه مش شغال مع 3.8.4
يا ريت حد يفدنى
 

احمد شناق

:: متميز :: , بقسم المشاكل والحلول
9 ديسمبر 2011
731
2
0
الاردن
www.ahmad-sh.com
بسم الله مشاء الله
الاستايل جميل جدا بس لو سمحت هو ليه مش شغال مع 3.8.4
يا ريت حد يفدنى

أخي اعمل تجاهل الاصدار عند استيراده من لوحة التحكم
 

MAZIKA2WAY

عضو جديد
4 يونيو 2012
3
0
0
32
مشكووووووووووووووووووووووووووور فعلا استايل روعه و مشكوووووووووووووووووووور اخى احمد شناق
على الرد على
 

احمد شناق

:: متميز :: , بقسم المشاكل والحلول
9 ديسمبر 2011
731
2
0
الاردن
www.ahmad-sh.com
مشكووووووووووووووووووووووووووور فعلا استايل روعه و مشكوووووووووووووووووووور اخى احمد شناق
على الرد على

أهلاً وسهلاً يا غالي ....... هذا واجبنا 😚
 

الجاهر

عضو جديد
11 مارس 2011
11
0
0
arabiasat.webatu.com
ياسلام عليك انا الان ايش اقول لو قلت انك مبدع فهذا قليل في حقك مشكور وبارك الله فيك اروع ستايل شفته بحياتي


اخوي بعد اذنك تكتب لي اسم منتداي ارابيا سات 👏