طريقة وضع صورة كخلفية للنافبار navbar

[salima]

http://www.dzbatna.com/images/icons/iconrote.gif ط·ط±ظٹظ‚ط© ظˆط¶ط¹ طµظˆط±ط© ظƒط®ظ„ظپظٹط© ظ„ظ„ظ†ط§ظپط¨ط§ط± navbar (http://www.dzbatna.com/t1164235/)



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




مثـــــــــــال حي مثلا ادخل للموضوع التالي:
http://www.agdez.com/vb/showthread.php?t=10898
او ادخل لصفحة المنتدى forum الرئيسية:
http://www.agdez.com/vb (http://www.agdez.com/vb)


شاهد خلفية النافبـار navbar وسترى صورة فيه


شرح طريقة طريقة عملها
المرحلة الأولــى:
افتح قالب template الـ navbar وابحث عن العبارة التالية:

رمز PHP:

<code style="white-space:nowrap"> <code> <td class="alt1" width="100%">
</code> </code>

غيرها بالتالـــي:




رمز PHP:

<code style="white-space:nowrap"> <code> <td class="agdez" width="100%">
</code> </code>



قـــم بحفظ العمـــــــــل

المرحلة الثانيــة:
1 - الإستايــلات والقوالــب
2 - التحكــم بالإستايــلات
3 - اضغط إذهـب التي أمام الستايل style الذي تريد عمل خلفية له
4 - تعاريف CSS الإضافيـة/Additional CSS Definitions

أضف العبارة التالية في أسفل ما به:


رمز PHP:

<code style="white-space:nowrap"> <code> .agdez {
background: #FFFFFF url(ضع رابط الصورة هنــا على هيأة جيف) no-repeat top left;
height: 54px;
width: 100%;
vertical-align: text-bottom;
}
</code> </code>


ملاحظة: يمكنك تغيير لون الكتابة التي تظهر في النافبار وذلك بتغيير كود code اللون التالي #FFFFFF باللون الملائم لظهور الخط في الصورة التي ستضعها كخلفية.

احفــظ العمــل




ومبروك عليك ولاحظ الآن النافبار كيف صار http://www.dzbatna.com/images/smilies/cupidarrow.gif


انتهى الشــرح


الأصــل: شبكة منتديات أكــدز (http://www.agdez.com/vb/showthread.php?p=73828)






ألعاب الأندرويد مجانا و حصريا (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)©