شجع اعضاء منتداك للتواصل معك بشكل مستمر (تحتاج لمساعدة) CSS

[loulou ange]

http://www.dzbatna.com/images/icons/icon30.gif ط´ط¬ط¹ ط§ط¹ط¶ط§ط، ظ…ظ†طھط¯ط§ظƒ ظ„ظ„طھظˆط§طµظ„ ظ…ط¹ظƒ ط¨ط´ظƒظ„ ظ…ط³طھظ…ط± (طھط*طھط§ط¬ ظ„ظ…ط³ط§ط¹ط¯ط©) CSS (http://www.dzbatna.com/t1911927/)



http://www.iraqpics.net/images/lmazyr1t06h60t43let.gif





شجع اعضاء منتداك للتواصل معك بشكل مستمر عن طريق اضافه جميله وهي ايقونه على جانب المنتدى forum تحت مسمى {تحتاج لمساعدة} بـــــ CSS



http://iraq4mp3.com/vb/images/ad/help.png



:: مثال مباشر - اضغط هنا :: (http://iraq4mp3.com/vb)






خطوات العمل :

1- تذهب الى قالب template الــ header وتضع هذا الكود code بنهاية القالب template

رمز Code:
<div class=&quot;helpus&quot;> <div class=&quot;helpme&quot; onclick=&quot;window.open('$vboptions[contactuslink]')&quot;></div> </div>

2- تذهب الى قالب template الــ تعاريف CSS الإضافية/Additional CSS Definitions وتضع هذا الكود code بنهاية القالب template
رمز Code:
.helpus .helpme{ background: url(http://iraq4mp3.com/vb/images/ad/help.png) no-repeat scroll right top; position: fixed; top: 120px; width: 31px; height: 228px; z-index: 5555; cursor: pointer; right: 0pt; } .helpus .helpme:hover { background-position: +3px 0; }


عند الضغط على الايقونه سوف يتم التحويل بشكل مباشر الى صفحة الاتصال بنا . http://www.dzbatna.com/images/smilies/shiny01.gif


ملاحظه: اللي يحب يغير لون الايقونه بشكل يتناسب مع الوان منتداه يرفع الايقونه لـ الروت الخاص بمنتداه مع تعديل الرابط الخاص بها بقالب template Additional CSS .












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