المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : كود code تدرج اللون فى الأقسام والمواضيع بشكل مميز وانيق - بتقنية Css



linnou
10-30-2013, بتوقيت غرينيتش 09:25 PM
http://www.dzbatna.com/images/icons/icon30.gif ظƒظˆط¯ طھط¯ط±ط¬ ط§ظ„ظ„ظˆظ† ظپظ‰ ط§ظ„ط£ظ‚ط³ط§ظ… ظˆط§ظ„ظ…ظˆط§ط¶ظٹط¹ ط¨ط´ظƒظ„ ظ…ظ…ظٹط² ظˆط§ظ†ظٹظ‚ - ط¨طھظ‚ظ†ظٹط© Css (http://www.dzbatna.com/t1701698/)



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


ايه اخبــاركم ،، إن شاء الله بخــير
الآلآن أقدم لكم كود code تدرج اللون فى الأقسام والمواضيع بشكل مميز وانيق - بتقنية Css


مثال فى الأقسام


http://www.progs4u.net/upload/download.php?img=224


مثال فى المواضيع


http://www.progs4u.net/upload/download.php?img=225


جميل صح ؟ http://www.progs4u.net/vb/images/smilies/shiny01.gif


اولاً : طريقة عمل تدرج اللون :-
افتح برنامج الفوتوشوب ثم افتح ملف جديد - مقاس ( 200×100 )


http://www.progs4u.net/upload/download.php?img=226


ثم اختر اى اللون اللى عجبك ،، انا اخترت اللون


رمز Code:
#dad8c0 - #FFFFFF
http://www.progs4u.net/upload/download.php?img=227





صورة متحركة عمل تدرج


http://www.progs4u.net/upload/download.php?img=229


بعد ذلك ، احفظ صورة بصيغة ( Gif )


لتصبح كده
-----------------------------------
http://www.progs4u.net/upload/download.php?img=228
-----------------------------------


تمــام ، هذا الكود code


رمز PHP:

<code style="white-space:nowrap"> <code> #FFFFFF url(images/**.gif) repeat-y top left
</code> </code>




مع تغيير مسار صورة


رمز Code:
images/**.gif



ومع تغيير اللون


رمز Code:
#FFFFFF



بس اختر اللون فى اليمين http://www.progs4u.net/vb/images/smilies/Ms/-ok.gif


بعد تغيير الكود code لحين تحط الكود code فى لون التوزيع الاول والثانى


http://www.progs4u.net/upload/download.php?img=230


ثم انقر حفظ ومبروك عليك http://www.progs4u.net/vb/images/smilies/bigsmile.gif


تم بحمد لله ،، اتمنى اتنال اعجابكم


منتديات برامج فور يو
أول موقع عربى متخصص فى الشروحات
http://www.progs4u.net/vb
http://www.progs4u.net/vb/images/smilies/Ms/-gamer1.gif







ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى