اضافة متغيرات جديدة مثال (خلفية الموضوع)

[salima]

http://www.dzbatna.com/images/icons/iconrote.gif ط§ط¶ط§ظپط© ظ…طھط؛ظٹط±ط§طھ ط¬ط¯ظٹط¯ط© ظ…ط«ط§ظ„ (ط®ظ„ظپظٹط© ط§ظ„ظ…ظˆط¶ظˆط¹) (http://www.dzbatna.com/t334935/)



بسم الله الرحمن الرحيم

في هذا الدرس مفصل سنشرح طريقة طريقة بسيطة تمكنك من التحكم في متغيرات الاستايل style بكل سهولة
سناخد كمتال تغيير خلفية الموضوع
كماتعلمون فخلفية الموضوع تاخد لون المتغير الاول بشكل افتراضي لكن في بعض الاحيان لايكون هدا اللون مناسبا فيجب تغييره او بانسبة للخطوط كدلك من حيث اللون او الحجم



لدلك ماسنقوم به الان هو اضافة متغير جديد خاص بخلفية الموضوع
اولا افتح تمبلت postbit_legacy وانسخ محتوياتها في الفرونت بيج

قم بتحديد هذه الخلية كما في الصورة

http://tadaol.net/up/uploads/137bfc2d65.gif

http://tadaol.net/up/uploads/fd0d4885db.gif

الان قم بالتحول الى نمط code مع الابقاء على تحديد الخلية

http://tadaol.net/up/uploads/f154a70b82.gif

قم بتغيير alt1 الى اي اسم اخر

http://tadaol.net/up/uploads/5fa52e48b4.gif

الان قم بقص محتوى التمبليت من الفرونت بيج وانسخها في مكانها عن طريق لوحة التحكم

ماقمنا به حتى الان هو فصل خلفية الكتابة عن الclass الدي هو alt1 واعطيناه عوضا عنه bg1
الان علينا اعطاء bg1 بعض القيم في متغير css كما يلي

اولا من لوحة التحكم اختر css رئيسي
تم تعاريف CSS الإضافية
تم اضف السطر التالي
رمز PHP:

<code style="white-space:nowrap"> <code> .bg1 {background-color: black;}
</code> </code>

هذا السطر يتحكم في متغيرات bg1
لاحظ اننا قمنا بتغير الخلفية الى اللون الاسود يمكنك كدلك اختيار صورة كخلفية بهذا الشكل
رمز PHP:

<code style="white-space:nowrap"> <code> .bg1 {background-image:url(images/gradients/bgimage.gif) }
</code> </code>

نستطيع ايضا تغيير لون الخط كالتالي

http://tadaol.net/up/uploads/ed9e9c6265.gif

رمز PHP:

<code style="white-space:nowrap"> <code> .bg1 {background-image:url(images/gradients/bgimage.gif) ;color:black;}
</code> </code>

هذه صورة قبل التغييرات
http://tadaol.net/up/uploads/edc4fcad07.gif
هذه صورة بعد التغييرات
لاحظ ان الخلفية هي الصورة التي اخترناها واسمها bgimage.gif اما الخط فاصبح لونه اسود color:black
http://tadaol.net/up/uploads/66bc853400.gif

عن طريق css يمكنك تغيير ايضا نوع الخط وحجمه والتنسيق وغير دلك

تم ارفاق الصور

والسلام عليكم ورحمة الله







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

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif images.zip (http://www.traidnt.net/vb/attachments/105574d1170259810-images.zip) (114.1 كيلوبايت, عدد مرات المشاهدة 207 مرة)


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