منتدى العرب
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي



 
الرئيسيةبحـثقائمة الاعضاءالمجموعاتس .و .جاليوميةالتسجيلدخول
قوانين المنتدىإنظم لفريق عملناإربح من النتالمكتبة الإلكترونيةمعرض الإستيلاتBAC 2012BEM 2012الكرة الجزائريةالكرة الأروبية
أهلا وسهلا بك يا نتمنى قضاء افضل الاوقات في ربوع منتديات العرب
اذا كنت زائر فتفضل بالتسجيل من هنا اما اذا كنت من اعضائنا الاعزاء فتفضل بالدخول من هنا


حفظ البيانات؟
  الرئيسية المنتديات مكتبة الصور قائمة الأعضاء بحث اتصل بنا سؤال وجواب التسجيل دخول
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
حصري عمل احصائيات للقسم مثل الفي بي تماما .
(تومبلايت)حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة
(تـومبلـايت) وضع اسماء وا الوصف الفئات في ايطار تلقائي كالفيبى
[تومبلايت] وضع ايطار الأدوات الاشراف مثل الفي بي من
تومبيلات كود وضع ملاحظات تحت المرفقات مثل الفي بي
كود خانة المشرفين الاحترافية مع ايقونة شغال 100/100
[تومبلايت] جعل اخر مشاركة متحركة ومطورة بتقنية css ..
كود [ jQuery ] كود جافا وضع ايقونه بحث لقوقل بجانب عناوين المواضيع
(تومبلايت) شريط اخر المواضيع الرائع 2012
كود لوضع اكثر من استايل مميز وحصري على منتدى العرب ..
2014-08-19, 17:56
2014-08-06, 19:33
2013-08-05, 00:08
2013-08-04, 22:05
2013-08-04, 22:02
2013-06-05, 08:50
2013-06-05, 08:36
2013-03-05, 02:38
2013-02-18, 17:55
2012-08-19, 17:52
zizou2012
zizou2012
zooro250
zooro250
zooro250
MID0
MID0
naruto14145
mo2236301
ندى الجزيري

شاطر | 
 

 كود صورة وعند مرور الماوس عليها تأتي قائمة منسدلة لتضع بها ما تشاء

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
~> lamrisif <~
عدد المساهمات : 573
نقاط : 1743
تاريخ الميلاد : 11/09/1993
العمر : 23
معاينة صفحة البيانات الشخصي للعضوhttp://www.seyf-educ.com/
موضوع: كود صورة وعند مرور الماوس عليها تأتي قائمة منسدلة لتضع بها ما تشاء 2011-07-23, 08:38

أهلا بجميع زوار وأعضاء منتدى العرب الكرام
كما سبق وتم وعدكم بوضع جميع أكوادنا التي تعجبكم لكم هنا بالمجان, فلقد وفينا بوعدنا ولا خير في كاتم العلم.
شرحنا اليوم هو طريقة وضع كود صورة وعند مرور الماوس عليها تأتي قائمة منسدلة لتضع بها ما تشاء.


الأن نأتي للشرح:-

هو عبارة عن كودين, واحد تضعه بأي مكان تريده ليظهر والآخر تضعه بورقة تصميم css لتحديد المكان بدقة لوضعه يمينآ كان أم يسارآ.

الكود الأول, وهو الكود الذي تضعه بأي مكان عدى ورقة تصميم css:
الرمز:

 
<div class="eshary_com"><ul id="topMenu"><li
class="" onmouseover="this.className = 'over';"
onmouseout="this.className = '';"></li><li class=""
onmouseover="this.className = 'over';" onmouseout="this.className =
'';"><img
src="http://i63.servimg.com/u/f63/16/33/53/90/oouso10.png"
alt=""><ul style="width: 200px; top: 10px; left: 20px;" -3px;=""
25px;="" 50%="" top:="" 26px;="" left:=""
10px;=""><li><table class="forumline" width="100%"
border="0" cellpadding="0"
cellspacing="1"><tbody><tr><td class="row1"
onmouseover='this.className="row2"' onmouseout='this.className="row1"'
width="100%">منتدى العرب
Eshary.Com</td></tr></tbody></table></li></ul></li></ul><table
 dir="ltr" border="0" cellpadding="0"
cellspacing="0"><style>#topMenu{padding: 0;margin:
0;list-style: none;}#topMenu li{float: left;list-style:none;position:
relative;}#topMenu li ul{display: none;position: absolute;left:
0;padding: 0;margin: 0;}#topMenu li:hover ul, #topMenu li.over
ul{display:
block;}</style></table></div>



استبدل الرابط:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
برابط الصورة التي تريدها أن تظهر.
استبدل جملة:
منتدى العرب
بأي شيء تريدة أن يظهر عند مرور الماوس على الصورة.

والأن نأتي للكود الثاني, وهو كود ورقة تصميم css:

أضف هذا الكود في ورقة تصميم css
لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css









الرمز:

.arabe.moontada_net {
float: left;
}

ثم سجل
إن واجهتك مشكلة بتحويلة للجهة اليمنى, فأعلم بأنه يجب عليك تعديلة من الكود الأول.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://www.seyf-educ.com/
 

كود صورة وعند مرور الماوس عليها تأتي قائمة منسدلة لتضع بها ما تشاء

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى العرب  :: منتديات تطوير المواقع والمنتديات :: منتديات التطوير والمساعدة :: منتدى تطوير phpBB 1. 2. 3 :: ركن التقنيات المتقدمة-