كيف اعمل هذه الحركة التي تظهر على الجوانب

[Hawajes]

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

اريد ان اعمل هذه الحركة في المنتدى عندي و لكن لا اعلم كيف ؟؟؟

هي صورة جانبية تظهر بمجرد وضع مؤشر الماوس عليها



و المثال موجود في عالم حواء ...

http://forum.hawaaworld.com

[abdelrahman]

عملتها لك css بالمرفق
بإمكانك وضع لمسات jquery عليها إن أردت

[Hawajes]

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

جزاك الله خير أخوي ما قصرت
جاري التجربة

[Hawajes]

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

جربت و لكن ما ظهرت في المنتدى

وضغت اكواد الـ css في style.css
و كود الـ div وضعتة في الـ Template

و رفعت الصوره و عدلت مسار الصوره ...
ولكن لا اعلم اين المشكلة ؟؟؟؟

[abdelrahman]

وعليكم السلام


ضع هذا الكود في المكان المخصص للـ css في القالب
أو ضعه في ملف css منفصل حسب القالب الموجود لديك

.icon a {
background-image: url('swalif.png');
background-repeat: no-repeat;
background-position:top right;
background-color:TRANSPARENT;
background-position: 0 0;
width:32px;
height:84px;
position:fixed;
}

.icon a:hover {
width:76px;
}

طبعا مع تغيير مسار الصورة الى المسار الموجود لديك في مجلد الصور

 background-image: url('swalif.png');

ثم ضع هذا الكود بعد وسم body مباشرة
أو اذا كنت ستستخدمه في المنتدى ضعه في نهاية قالب ال header

<div class="icon"><a href="#"></a></div>

[Hawajes]

ما ضبطت معاي الطريقة ..

لما ادخل اي موضوع يظهر و لكن عند وضع المؤشر عليه نصفه يكون تحت المنتدى
اي لا يظهر ..

اتوقع نحتاج الى ان نضعة فوق الجميع اي النص الخلفية .. الخ حتى يظهر !!!!!!!

[Hawajes]

[des4best]

والله ياأخى أفضل ما رأيت فى هذا الأمر
هو هاك الإعجاب الشامل
تجده على هذا الرابط
http://www.traidnt.net/vb/traidnt1944526/
وآسف على وضع رابط لمنتدى آخر ولكن لتعم الفائدة
وأنا شخصيا أستخدمه فى منتداى