| 2 تعليقات ]

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

نجدها هذه الخاصية في القوائم عادة اي في ازرار القوائم في المواقع سواء تغيير الصورة او اللون لكننا اليوم نطبها على صورة داخل صفحة الفايسبوك اي عن طريق FBML.
المهم نجد مثال اسفل الموضوع
نبدأ مع الكود وهو جزئين، كود المحتوى و كود لتنسيقه
كود :

<style>
    img.nohover {border:0}
    img.hover {border:0;display:none}
    a:hover img.hover {display:inline}
    a:hover img.nohover {display:none}
</style>
<a href="هنا ضع رابطك">
    <img src="رابط الصورة رقم 1" class="nohover">
    <img src="رابط الصورة رقم 2" class="hover">
</a>
شرح الكود :
لا اضن ان الكود يستحق شرح لكن هناك من لا علاقة له بهذه الامور و لا يفهم ما هو موجدو اصلا في الكود ولهذا نذكر نقطة او نقطتين
ضع الصورة رابط الصورة التي تريد ان تضهر مكان "رابط الصورة رقم 1" ،هذه الصورة تضهر قبل مرور المواس فوقها
ثم ضع رابط الصور رقم 2 اي التي تريد ان تضهر عندما يمر المؤشر فوق الصورة رقم 1 مكان "رابط الصورة رقم2".
وفي مكان "هنا ضع رابطك" تضع الرابط التي تريد الانتقال اليه عند الضغط على الصورة
مثال :
http://www.facebook.com/DZlive


ارجو ان يعجبكم الموضوع البسيط واي نشكل او خطأ لا تترددو
هذا الموضوع هو خامس موضوع من حيل الفايسبوك عشرة حيل وحركات لصفحات الإعجاب
المواضيع السابقة :
إخفاء جزء عن الغير معجبين بالصفحة
وضع زر مشاركة (SHARE) في أي مكان داخل تبويب في الصفحة
وضع ملف فلاش داخل صفحة فايسبوك
وضع فيديو من يوتوب في صفحة فايسبوك

2 تعليقات

غير معرف يقول... @ 9 نوفمبر، 2011 11:02 م

الكود وين نكتبه بالضبط

S@L!m يقول... @ 9 نوفمبر، 2011 11:20 م

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

إرسال تعليق