ط´ط¬ط¹ ط§ط¹ط¶ط§ط، ظ…ظ†طھط¯ط§ظƒ ظ„ظ„طھظˆط§طµظ„ ظ…ط¹ظƒ ط¨ط´ظƒظ„ ظ…ط³طھظ…ط± (طھط*طھط§ط¬ ظ„ظ…ط³ط§ط¹ط¯ط©) CSS








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




:: مثال مباشر - اضغط هنا ::





خطوات العمل :

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; }


عند الضغط على الايقونه سوف يتم التحويل بشكل مباشر الى صفحة الاتصال بنا .


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









©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©