بحث متقدم | التسجيل
الويب العربي
  تسجيل دخول
 
   
   

  ملاحظة
الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.




الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.

عـودة للخلف   الويب العربي دليل ومكتبة الويب العربي مكتبة الويب العربي ويب 2.0 وأكواد متنوعة

بحث
links

ويب 2.0 وأكواد متنوعة
ويب 2.0 وأكواد وأدوات متنوعة لتطوير المواقع
Ajax , XML , CSS , JavaScript ...etc

المحتويات
zip  جافا سكربت لقائمة جميلة وبسيطة لموقعك الزر الأيسر : حفظ ، الزر الأيمن : حفظ بإسم

  نبذة " هذا الكود يمكنك من وضع قائمة بسيطة بموقعك تتكون من عدّة خانات تقوم انت بتحديدها وتحديد متغيّرات الوانها من خلال كود html لاضافتها بالمكان المراد بموقعك



مثال:

اضغط هنا لمشاهدة مثال

وقم بالمرور على الخانات وملاحظة التعليق على الروابط بالخانة الأخيرة
ولاحظ تغير لون الخانة بالمرور عليها


التركيب :

1-- ضع هذا الكود بمنطقة الـ head



كود:
<style type="text/css">
<!--
.menu {font-family:Arial; font-weight:bold}

.menu a{
text-decoration:none;
color:black;
}
-->
</style>
<script language="javascript">
 

function movein(which,html){
which.style.background='coral'
if (dcidocument.getElementById)
dcidocument.getElementById("boxdescription").innerHTML=html
else
boxdescription.innerHTML=html
}

function moveout(which){
which.style.background='lightblue'
if (dcidocument.getElementById)
dcidocument.getElementById("boxdescription").innerHTML=' '
else
boxdescription.innerHTML=' '
}

</script>
وهما كودىّ استايل وجافا سكربت




2-- قم بوضع هذا الكود مع التحكم فى جميع متغيراته بجزء الـ body فى المكان الذى تريد بموقعك


كود:
<table bgcolor="black" border="1" bordercolor="ivory" cellpadding="2" cellspacing="0" width="200" id="table21709">
			<tr>
			
				<td class="menu" bordercolor="blue" id="choice1" style="background-color:lightblue; cursor:hand" onmouseover="movein(this,'عالم التميّز والإبداع')" onmouseout="moveout(this)" align="center">
				<a href="http://www.arabwebtalk.com" style="text-decoration: none; color: black">الويب العربى</a></td>
			</tr>
			<td class="menu" bordercolor="blue" id="choice2" style="background-color:lightblue; cursor:hand" onmouseover="movein(this,'اكبر سوق تجارى')" onmouseout="moveout(this)" align="center">
			<a href="http://www.arabwebtalk.com" style="text-decoration: none; color: black">الويب العربى</a></td>
			</tr>
			<td class="menu" bordercolor="blue" id="choice3" style="background-color:lightblue; cursor:hand" onmouseover="movein(this,'مجتمع تعليمى متكامل')" onmouseout="moveout(this)" align="center">
			<a href="http://www.arabwebtalk.com" style="text-decoration: none; color: black">الويب العربى</a></td>
			</tr>
			<td class="menu" bordercolor="blue" id="choice4" style="background-color:lightblue; cursor:hand" onmouseover="movein(this,'افضل سوق عربي')" onmouseout="moveout(this)" align="center">
			<a href="http://www.arabwebtalk.com" style="text-decoration: none; color: black">الويب العربى 
</a></td>
			</tr>
			<tr>
				<td bordercolor="blue" bgcolor="lightblue" height="18">
				<p align="center"><b>
				<font id="boxdescription" face="Arial" size="3"></font></b></td>
			</tr>
		</table>

ولاحظ استبدال الكلمات والروابط ايضا وكلمات شرح الروابط بالكود



أطيب تحية

قسم : ويب 2.0 وأكواد متنوعة 
 
إضافة لمفضلتي إرسال هذه الصفحة لصديق محتويات أخرى مقترحة
بواسطة : محمّد نور ابحث عن جميع المحتويات المضافة بواسطة هذا العضو
01-01-2008
الزيارات 269
206 بايت
 
 

قسم :
 
إنتقل إلى

جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 04:49 PM.

Powered by vBulletin
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.


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

صحيفة متخصصة في متابعة أخبار وجديد الإنترنت العربي
والحوارات الصحفية ومعلومات تقنية متنوعة .

   
 
 

للتواصل مع فريق عمل الويب العربي
يمكنك ذالك من خلال مركز الدعم والمساندة.

 الدعم الفني |  اعتماد العضويات |  قوانين الإنتساب |  إتفاقية الإستخدام |  أهداف الويب العربي |  دليل الشركات |  مكتبة الويب |  صحيفة الويب العربي |  الرئيسية