منتديات محمد خالد التميز والشمول


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

  
شاطر | 
 

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

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




الدوله الدوله :
ذكر
عدد المساهمات : 1379
مساهمه مشكوره : 7
تاريخ التسجيل : 21/10/2009
العمر : 32
المزاج : رايق

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

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


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

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

ثم سجل

إن واجهتك مشكلة بتحويلة للجهة اليمنى, فأعلم بأنه يجب عليك تعديلة من الكود الأول.
وإن صعب عليك ذلك, فلا تقلق نحن بالخدمة دومآ هنا:[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://medonet2.yoo7.com
 
كود صورة وعند مرور الماوس عليها تأتي قائمة منسدلة لتضع بها ما تشاء
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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