deaa4 Admin
الجنس : جنسيتك : سوري المزاج : رايق عدد المساهمات : 1384 معدل النشاط : 3717 تاريخ التسجيل : 06/04/2010
| موضوع: كيفية تغيير الصورة بمجرد مرور مؤشر الفأرة فوقها 2012-08-26, 04:21 | |
|
السلام عليكم و رحمة الله و بركاته نلتقي مرة أ..... في موضوع جديد و مع حركة جديدة في صفحات الاعجاب الخاصة [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] و اليوم مع حركة بسيطة جدا لكنها تبدو جميلة كذلك وهي تغيير الصورة بمجرد مرور مؤشر الفأرة فوقها.
نجدها هذه الخاصية في القوائم عادة اي في ازرار القوائم في المواقع سواء تغيير الصورة او اللون لكننا اليوم نطبقها على صورة داخل صفحة الفايسبوك اي عن طريق FBML. المهم نجد مثال اسفل الموضوع نبدأ مع الكود وهو جزئين، كود المحتوى و كود لتنسيقه
- الكود:
-
img.nohover {border:0} img.hover {border:0;display:none} a:hover img.hover {display:inline} a:hover img.nohover {display:none}
[url=http://deaa4.yoo7.com/%D9%87%D9%86%D8%A7%20%D8%B6%D8%B9%20%D8%B1%D8%A7%D8%A8%D8%B7%D9%83] [img]%D8%B1%D8%A7%D8%A8%D8%B7%20%D8%A7%D9%84%D8%B5%D9%88%D8%B1%D8%A9%20%D8%B1%D9%82%D9%85%201[/img] [img]%D8%B1%D8%A7%D8%A8%D8%B7%20%D8%A7%D9%84%D8%B5%D9%88%D8%B1%D8%A9%20%D8%B1%D9%82%D9%85%202[/img] [/url] شرح الكود : لا اضن ان الكود يستحق شرح لكن هناك من لا علاقة له بهذه الامور و لا يفهم ما هو موجدو اصلا في الكود ولهذا نذكر نقطة او نقطتين ضع الصورة رابط الصورة التي تريد ان تضهر مكان "رابط الصورة رقم 1" ،هذه الصورة تضهر قبل مرور المواس فوقها ثم ضع رابط الصور رقم 2 اي التي تريد ان تضهر عندما يمر المؤشر فوق الصورة رقم 1 مكان "رابط الصورة رقم2". وفي مكان "هنا ضع رابطك" تضع الرابط التي تريد الانتقال اليه عند الضغط على الصورة
ارجو ان يعجبكم الموضوع البسيط واي نشكل او خطأ لا تترددو | |
|
lolo
الجنس : جنسيتك : سورية المزاج : معتدل عدد المساهمات : 8 معدل النشاط : 8 تاريخ التسجيل : 26/08/2012 العمر : 27
| موضوع: رد: كيفية تغيير الصورة بمجرد مرور مؤشر الفأرة فوقها 2012-08-27, 09:31 | |
| | |
|
deaa4 Admin
الجنس : جنسيتك : سوري المزاج : رايق عدد المساهمات : 1384 معدل النشاط : 3717 تاريخ التسجيل : 06/04/2010
| موضوع: رد: كيفية تغيير الصورة بمجرد مرور مؤشر الفأرة فوقها 2012-08-28, 11:53 | |
| | |
|