ايضا يمكنك عمل تصميم متعدد الالوان
ولكن يجب ان تكون لديك خبره فى اكواد الcss
الخبره لست ان تكون لديك اكواد وهكذا لا انما تكون متعلمها جيدا على الاقل بنسه 60%
المهم ندخل فى الشرح انت بيكون معك تصميم تمام ويكون لدى التصميم ورقه عمل css
سوف تتوجه لها لان العمل باكمله سوف يكون عليها
ستقوم بنسخ الاكواد جميعا وتكررها مره اخرى بالاسفل
تكرر العمليه بحسب عدد الالوان التى تريدها فى التصميم
تمام وكل مره تقوم بنسخ التصاميم تعطيها اسم وتكون تعرفه جيدا
وبكده هتكون معاك تصاميم فى ورقه الcss متعدده
الان لجعلها تغير الالوان
سوف تبحث عن كل الصور فى التصميم css وتقوم بتغير الوانها بالفتوشوب وتوضعها وتكرر العميله مع جميع النسخ التى قمت بنسخها الان جاء وقت الاضافه فى صفحه التصميم الرئسيه
سوف تقوم باضافه ازرار فى الرئسيه كل رز يحتوى على لون مختلف
وتعطى لها هذا كرابط توجيه
- الكود:
-
javascript:chooseStyle('Orange-theme',%2060)
Orange-themeده الاسم الى كنت بعمله فى ورقه الCSS عندما كنت اكرر الكود ضع مكانه الاسم الذى قمت بوضعه فى ورقه ال CSS
وقم بالحفظ وقم بمعاينه
مثال لكود الازرار مع اسماء الالوان
- الكود:
-
</div>
<div id="color">
<div><a href="javascript:chooseStyle('none', 60)"><img src="http://v1.arabsh.com/images/blue.png" width="9" height="9" title="أزرق" /></a></div>
<div><a href="javascript:chooseStyle('Orange-theme', 60)"><img src="http://v1.arabsh.com/images/orange.png" width="9" height="9" title="برتقالي" /></a></div>
<div><a href="javascript:chooseStyle('Green-theme', 60)"><img src="http://v1.arabsh.com/images/green.png" width="9" height="9" title="أخضر" /></a></div>
<div><a href="javascript:chooseStyle('Black-theme', 60)"><img src="http://v1.arabsh.com/images/black.png" width="9" height="9"title="أسود" /></a></div>
<div id="clear"></div>
</div>
</div>
<div id="log
ارجوا التقيم وارجوا ان اكون قمت بافادتك
توجد طريقه اخرى متعدده الالوان بدون تومبيلات من فكرتى ولكن مازال بها بعض الاخطاء وسوف اقوم تنزيلها عندما انتهى منها