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

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




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

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

بحث
links

نتائج البحث
محتويات مقترحة من قبل : "applet لإحداث تأثير انعكاس مائى لصورة بموقعك- حصريا"

المحتويات
zip  مجلة زووبس ، XOOPS الزر الأيسر : حفظ ، الزر الأيمن : حفظ بإسم
المجله الرائعه زوبس xoops بنسختها الجديده 2.0.13 والعربيه .

قسم : مجلات إلكترونية 
 
مفضل Remove from My Favourites إرسال هذه الصفحة لصديق محتويات أخرى مقترحة
بواسطة : سلطان سعود ابحث عن جميع المحتويات المضافة بواسطة هذا العضو
22-12-2007
الزيارات 933
1.88 ميقا بايت
jpg  ساعة رقمية رائعة لموقعك الزر الأيسر : حفظ ، الزر الأيمن : حفظ بإسم

  نبذة : هذا الكود يمكنك من وضع ساعة رقمية رائعة بموقعك
فى الأصل عبارة عن مجموعة صور للأرقام يتم تحديثها باستمرار



مثال :

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


لمشاهدة الساعة على صفحة تجربة

صورة :




التركيب :

انسخ هذا الكود بمنطقة الـ head بموقعك

كود:
<script type="text/javascript">


var imageclock=new Object()
	//Enter path to clock digit images here, in order of 0-9, then "am/pm", then colon image:
	imageclock.digits=["c0.gif", "c1.gif", "c2.gif", "c3.gif", "c4.gif", "c5.gif", "c6.gif", "c7.gif", "c8.gif", "c9.gif", "cam.gif", "cpm.gif", "colon.gif"]
	imageclock.instances=0
	var preloadimages=[]
	for (var i=0; i<imageclock.digits.length; i++){ //preload images
		preloadimages[i]=new Image()
		preloadimages[i].src=imageclock.digits[i]
	}

	imageclock.imageHTML=function(timestring){ //return timestring (ie: 1:56:38) into string of images instead
		var sections=timestring.split(":")
		if (sections[0]=="0") //If hour field is 0 (aka 12 AM)
			sections[0]="12"
		else if (sections[0]>=13)
			sections[0]=sections[0]-12+""
		for (var i=0; i<sections.length; i++){
			if (sections[i].length==1)
				sections[i]='<img src="'+imageclock.digits[0]+'" />'+'<img src="'+imageclock.digits[parseInt(sections[i])]+'" />'
			else
				sections[i]='<img src="'+imageclock.digits[parseInt(sections[i].charAt(0))]+'" />'+'<img src="'+imageclock.digits[parseInt(sections[i].charAt(1))]+'" />'
		}
		return sections[0]+'<img src="'+imageclock.digits[12]+'" />'+sections[1]+'<img src="'+imageclock.digits[12]+'" />'+sections[2]
	}

	imageclock.display=function(){
		var clockinstance=this
		this.spanid="clockspan"+(imageclock.instances++)
		dcidcidocument.write('<span id="'+this.spanid+'"></span>')
		this.update()
		setInterval(function(){clockinstance.update()}, 1000)
	}

	imageclock.display.prototype.update=function(){
		var dateobj=new Date()
		var currenttime=dateobj.getHours()+":"+dateobj.getMinutes()+":"+dateobj.getSeconds() //create time string
		var currenttimeHTML=imageclock.imageHTML(currenttime)+'<img src="'+((dateobj.getHours()>=12)? imageclock.digits[11] : imageclock.digits[10])+'" />'
		dcidcidocument.getElementById(this.spanid).innerHTML=currenttimeHTML

	}


</script>

2-- ضع هذا الكود بالمكان الذى تريد الساعة به

كود:
<script type="text/javascript">

new imageclock.display()

</script>

3-- فك الضغط عن الملف المرفق وارفع الصور الى نفس مسار صفحة تشغيل السكربت





اطيب تحية

قسم : ويب 2.0 وأكواد متنوعة 
 
إضافة لمفضلتي إرسال هذه الصفحة لصديق محتويات أخرى مقترحة
بواسطة : محمّد نور ابحث عن جميع المحتويات المضافة بواسطة هذا العضو
03-01-2008
الزيارات 284
30.60 كيلو بايت
zip  css قائمة عمودية 4 مستويات رائعة متداخلة الزر الأيسر : حفظ ، الزر الأيمن : حفظ بإسم

  نبذة : قائمة عمودية راائعة اربع مستويات كل مستوى له لون مميز

يتغير لون الخانة بالوقوف عليها

به سهم للاشارة للفروع



مثال :

يمكنك مشاهدة مثال عليها من هنا

اضغط هنا لمشاهدة مثال حصريا للويب العربى


صورة :




التركيب :

1-- انسخ هذا الكود للاستايل فى ال head

كود:
<style type="text/css">

.menu {
position:relative;
z-index:1000;
font-size:90%;
height:235px;
margin:25px 0 0 15px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;
position:relative;
border:1px solid #888;
border-width:1px 1px 0 1px;
background:#9bb;
}

.menu li {
background:transparent;
height:26px;
}
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:150px;
color:#000;
text-indent:5px;
border-bottom:1px solid #888;
background:transparent;
}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#999;}

.menu :hover > a {
color:#fff; 
background:#999;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:-1px;
left:100px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
background:#dde;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
background:#ded;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
background:#edd;
}
.menu ul.top2 {top:25px;}
.menu ul.top3 {top:51px;}
.menu ul.top4 {top:77px;}
.menu ul.top5 {top:103px;}
.menu ul.top6 {top:129px;}
.menu ul.top7 {top:155px;}

</style>

<!--[if IE 7]>
<style type="text/css">
.menu li {float:left;}
</style>
<![endif]-->


2-- انسخ الكود التالى بالمكان الذى تريد القائمة به

<div class="menu">
<ul>
<li><a href="#nogo">الرابط الأول</a></li>
<li><a href="#nogo">الرابط الثانى</a></li>
<li><a href="#nogo">الرابط الثالث »<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="top3">
	<li><a href="#nogo">فرع أول 1</a></li>
	<li><a href="#nogo">فرع أول 2 »<!--[if IE 7]><!--></a><!--<![endif]-->
	<!--[if lte IE 6]><table><tr><td><![endif]-->
		<ul class="top2">
			<li><a href="#nogo">فرع ثانى 1</a></li>
			<li><a href="#nogo">فرع ثانى 2 »<!--[if IE 7]><!--></a><!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
				<ul class="top2">
					<li><a href="#nogo">فرع ثالث 1</a></li>
					<li><a href="#nogo">فرع ثالث 2</a></li>
					<li><a href="#nogo">فرع ثالث 3</a></li>
					<li><a href="#nogo">فرع ثالث4</a></li>
					<li><a href="#nogo"> فرع ثالث 5</a></li>
					<li><a href="#nogo"> فرع ثالث 6</a></li>
					
				</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-->
			</li>
			<li><a href="#nogo">فرع ثانى 3 »<!--[if IE 7]><!--></a><!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
				<ul class="top3">
					<li><a href="#nogo">فرع ثالث 1</a></li>
					<li><a href="#nogo">فرع ثالث 2</a></li>
					<li><a href="#nogo">فرع ثالث 4</a></li>
					<li><a href="#nogo"> فرع ثالث 5</a></li>
				</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-->
			</li>
		</ul>
	<!--[if lte IE 6]></td></tr></table></a><![endif]-->
	</li>
	<li><a href="#nogo">فرع اول 3</a></li>
	<li><a href="#nogo">فرع اول 4</a></li>
	<li><a href="#nogo"> فرع اول 5</a></li>
	<li><a href="#nogo"> فرع اول 6</a></li>
	<li><a href="#nogo">فرع اول متفرع »<!--[if IE 7]><!--></a><!--<![endif]-->
	<!--[if lte IE 6]><table><tr><td><![endif]-->
		<ul class="top7">
			<li><a href="#nogo">فرع ثاتى 2 أ »<!--[if IE 7]><!--></a><!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
				<ul class="top1">
					<li><a href="#nogo"> فرع ثالث أ</a></li>
					<li><a href="#nogo">فرع ثالث ب</a></li>
					<li><a href="#nogo"> فرع ثالث ج</a></li>
					<li><a href="#nogo">فرع ثالث د</a></li>
					<li><a href="#nogo"> فرع ثالث هـ</a></li>
					<li><a href="#nogo">فرع ثالث و</a></li>
				</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-->
			</li>
			<li><a href="#nogo">فرع ثانى </a></li>
			<li><a href="#nogo">فرع ثانى متفرع »<!--[if IE 7]><!--></a><!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
				<ul class="top3">
					<li><a href="#nogo">فرع ثالث 2أ</a></li>
					<li><a href="#nogo">فرع ثالث 2 ب</a></li>
					<li><a href="#nogo"> فرع ثالث 2 ج</a></li>
					<li><a href="#nogo"> فرع ثالث 2 د</a></li>
				</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-->
			</li>
			<li><a href="#nogo">فرع ثانى ج</a></li>
			<li><a href="#nogo">فرع ثانى د</a></li>
		</ul>
	<!--[if lte IE 6]></td></tr></table></a><![endif]-->
	</li>
	<li><a href="#nogo">فرع اول 7</a></li>
	<li><a href="#nogo">فرع اول 8</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
	</li>
<li><a href="#nogo">رابط 4</a></li>
<li><a href="#nogo">رابط 5</a></li>
<li><a href="#nogo">رابط 6</a></li>
</ul>
</div>
مع تغيير الروابط والمسميات



أطيب تحية

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

  نبذة : هذا كود css فقط يتحكم فى صنع هذه القائمة التى تضئ بما يشبه اضاءة النيون عند الضغط عليها


مثال :

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

مثال للقائمة بخلفية اخترناها سوداء للوضوح





التركيب :

انسخ هذا الكود فى منطقة ال head بصفحتك

كود:
<style type="text/css">


 /* remove the margin and bullets, set the padding for this demo only*/
.neon {margin:0 0 50px 0; padding:25px 0 100px 15px; list-style:none; background:#000; width:720px;}

 /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */
.neon li {display:inline; float:left; background:url(http://www.cssplay.co.uk/menus/neon_on.gif);}

/* style the links and place the background image to start from left edge */
.neon li a {display:block; height:32px; float:left; background:url(http://www.cssplay.co.uk/menus/neon_off.gif); text-decoration:none; font-size:10px; font-family:arial, sans-serif; letter-spacing:1px; line-height:36px;}

/* style the b element to posiition it to the right by 20 pixels and even out the text with 20 pixel right padding */
.neon li a b {margin:0 0 0 40px; display:inline; float:left; height:32px; background:url(neon_off.gif) right top; padding:0 40px 0 0; color:#fff;}

/* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */
.neon li a:hover, .neon li a:hover b {border:0; background-image:url(neon_on.gif); cursor:pointer; color:#000;}

.neon li a.current, .neon li a.current b, .neon li a.current:hover , .neon li a.current:hover b {background-image:url(neon_on.gif); color:#000; cursor:default;}

</style>

2-- ثم قم بنسخ هذا الكود مع تغيير المسميات والروابط بما يناسب موقعك


كود:
<h3>قائمة نيون مضيئة</h3>

  <ul class="neon">
    <li><a href="#nogo"><b>الرئيسية</b></a></li>
    <li><a href="#nogo"><b>حول الموقع</b></a></li>
    <li><a href="#nogo"><b>سجل الزوار</b></a></li>
    <li><a href="#nogo" class="current"><b>اتصل بنا</b></a></li>
    <li><a href="#nogo"><b>مواقع هامة</b></a></li>
  </ul>
4-- ارفع هاتين الصورتين الى نفس مسار صفحتك





أطيب تحية

قسم : ويب 2.0 وأكواد متنوعة 
 
إضافة لمفضلتي إرسال هذه الصفحة لصديق محتويات أخرى مقترحة
بواسطة : محمّد نور ابحث عن جميع المحتويات المضافة بواسطة هذا العضو
08-01-2008
الزيارات 308
206 بايت
zip  سكربت sNewsالإصدار (النسخة 1.6.0) مع تصميم مميز الزر الأيسر : حفظ ، الزر الأيمن : حفظ بإسم
سكربت الاخبار المعروف sNews اصدار جديد مع تصميم متميز من AWTARY.COM

قسم : سكربتات متنوعة 
 
مفضل Remove from My Favourites إرسال هذه الصفحة لصديق محتويات أخرى مقترحة
بواسطة : سطام سعد ابحث عن جميع المحتويات المضافة بواسطة هذا العضو
26-12-2007
الزيارات 885
100.97 كيلو بايت
 
 

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

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

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


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

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

   
 
 

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

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