أستايل رونق المتعدد الألوان (أربع ألوان)
الأزرق والأخضر والبرتقانى والفوشيا
الأزرق والأخضر والبرتقانى والفوشيا
منذ وضع الأستايل وجدت ان الطلب زاد لعمل الوان أخرى هي الأفتراضيه وليس فقط الازرق
وكنت قد اقتصرت على اللون الأزرق كلون أفتراضى واعتماد باقى الألوان عليه لسرعه التصفح
لاكن سأضع لكم اليوم طريقه التغيير لأى لون آخر كلون أفتراضى
صورة للأستايل
بسم الله نبدأ
بالبدايه باقى الألوان مرفقه
لمن يريد تغيير اى لون آخر للافتراضى يقوم بتحميله من المرفقات
واستبداله بالموجود باللون الخاص به بملجد الاستايل
توضيح أكثر
لو أردنا تغيير اللون الأفتراضى للون الأخضر سنقوم بتحميل الملف الخاص باللون الأخضر من المرفقات
والذهاب الى مجلد الأستايل 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" />
أرجو من الله ان اكون وفقت والجميع أستفاد
والسلام عليكم ورحمه الله وبركاته