محمد خالد مدير عام المنتدى
الدوله : عدد المساهمات : 1396 مساهمه مشكوره : 7 تاريخ التسجيل : 21/10/2009 العمر : 39 المزاج : رايق
معلومات إضافيه اخر المواضيع:
| موضوع: كود صورة وعند مرور الماوس عليها تأتي قائمة منسدلة لتضع بها ما تشاء الثلاثاء يوليو 05, 2011 10:23 am | |
| [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]أهلا بجميع زوار وأعضاء [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] الكرامكما سبق وتم وعدكم بوضع جميع أكوادنا التي تعجبكم لكم هنا بالمجان, فلقد وفينا بوعدنا ولا خير في كاتم العلم. شرحنا اليوم هو طريقة وضع كود صورة وعند مرور الماوس عليها تأتي قائمة منسدلة لتضع بها ما تشاء. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الأن نأتي للشرح:- هو عبارة عن كودين, واحد تضعه بأي مكان تريده ليظهر والآخر تضعه بورقة تصميم css لتحديد المكان بدقة لوضعه يمينآ كان أم يسارآ. الكود الأول, وهو الكود الذي تضعه بأي مكان عدى ورقة تصميم css: تنوية:- تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] <table width="90%" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code"><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="https://i.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> </td></tr></table> |
استبدل الرابط: برابط الصورة التي تريدها أن تظهر. استبدل جملة: اقتباس: | منتدى أشهار Eshary.Com |
بأي شيء تريدة أن يظهر عند مرور الماوس على الصورة. والأن نأتي للكود الثاني, وهو كود ورقة تصميم css: أضف هذا الكود في ورقة تصميم cssلوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]تنوية:- تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] <table width="90%" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">.eshary_com { float: left; } </td></tr></table> |
استبدل: ب: إن اردت ظهورها للجهة الأيمن. ثم سجلإن واجهتك مشكلة بتحويلة للجهة اليمنى, فأعلم بأنه يجب عليك تعديلة من الكود الأول. وإن صعب عليك ذلك, فلا تقلق نحن بالخدمة دومآ هنا: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] | |
|