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


منتديات محمد خالد|استايلات احلى منتدى | أكوادcss| تقنيات متقدمه| تصميم | دعم فنى | اشهار | تصاميم | تطوير| دروس | شروحات | أفلام وثائقيه | العاب | برامج 2019 | خدمات | إربح |
 
الرئيسيةمجلة منتديات محأحدث الصورالتسجيلدخول

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
محمد خالد
مدير عام المنتدى
مدير عام المنتدى
محمد خالد


كود صورة وعند مرور الماوس عليها تأتي قائمة منسدلة لتضع بها ما تشاء    Pi-ca-10
كود صورة وعند مرور الماوس عليها تأتي قائمة منسدلة لتضع بها ما تشاء    Painti10
كود صورة وعند مرور الماوس عليها تأتي قائمة منسدلة لتضع بها ما تشاء    Engine10
الدوله الدوله : كود صورة وعند مرور الماوس عليها تأتي قائمة منسدلة لتضع بها ما تشاء    Female31
ذكر
عدد المساهمات : 1396
مساهمه مشكوره : 7
تاريخ التسجيل : 21/10/2009
العمر : 39
المزاج : رايق

معلومات إضافيه
اخر المواضيع:

منتديات محمد خالد|برامج | شبكه| اناشيد| مسلسلات دينيه | برامج جوال | اشهار | تصاميم |


كود صورة وعند مرور الماوس عليها تأتي قائمة منسدلة لتضع بها ما تشاء    Empty
مُساهمةموضوع: كود صورة وعند مرور الماوس عليها تأتي قائمة منسدلة لتضع بها ما تشاء    كود صورة وعند مرور الماوس عليها تأتي قائمة منسدلة لتضع بها ما تشاء    Emptyالثلاثاء يوليو 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>

استبدل:
اقتباس:
left
ب:
اقتباس:
right

إن اردت ظهورها للجهة الأيمن.

ثم سجل

إن واجهتك مشكلة بتحويلة للجهة اليمنى, فأعلم بأنه يجب عليك تعديلة من الكود الأول.
وإن صعب عليك ذلك, فلا تقلق نحن بالخدمة دومآ هنا:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://medonet2.yoo7.com
 
كود صورة وعند مرور الماوس عليها تأتي قائمة منسدلة لتضع بها ما تشاء
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» لتسجيل حركات الماوس و اعادتها كما تشاء برنامج Mouse Recorder+حجم خيالي
» أطلب ما تشاء من التلاوات وسيلبى طلبك بإذن الله - جزء2-
» اكواد الماوس الخياليه
» برنامج Enable Viacam 1.6.1 لتحريك الماوس عن طريق الكام
» لعمل خاصية تمرير الماوس للآكواد للحفاظ علي مظهر المنتدي

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات محمد خالد التميز والشمول :: دعم وتطوير احلى منتديات :: أحلى منتدى-
انتقل الى: