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

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




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

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

الأقسام  

نتائج البحث
محتويات مقترحة من قبل : "css صندوق كتابة دائرى الحواف مميز لموقعك"

المحتويات
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
الزيارات 330
30.60 كيلو بايت
zip  رابط لطباعة الصفحة الزر الأيسر : حفظ ، الزر الأيمن : حفظ بإسم

  نبذة : كود جافا بسيط يضع رابط عند الضغط عليه يفتح صفحة الطباعة للصفحة الحالية





مثال :

مثال لرابط الطباعة



التركيب :

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



كود:
<a href="javascript:window.print()">أطبع هذه الصفحة</a>


قسم : ويب 2.0 وأكواد متنوعة 
 
إضافة لمفضلتي إرسال هذه الصفحة لصديق محتويات أخرى مقترحة
بواسطة : محمّد نور ابحث عن جميع المحتويات المضافة بواسطة هذا العضو
01-01-2008
الزيارات 267
206 بايت
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
الزيارات 311
206 بايت
zip  رسالة ترحيبية ثلاثية الأبعاد رائعة و....حصريّة الزر الأيسر : حفظ ، الزر الأيمن : حفظ بإسم

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



لمشاهدة مثال :

رسالة ترحيب انجليزية ..

اضغط هنا لمشاهدة رسالة ترحيب انجليزية


اضغط هنا لمشاهدة رسالة ترحيب باللغة العربية


التركيب :

1--انسخ الكود التالى فى جزء الـ <HEAD>

كود:
<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/>
<style type="text/css">
v\:* { behavior: url(#default#VML); }
</style>
2-- انسخ الكود التالى فى جزء الـ<BODY>
واتبع جميع التعليمات المرفقة بداخله للتحكّم فى متغيّراته


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



// أضف عدد الجمل التى تريد هنا
var message=new Array("welcome to", "arabwebtalk", "pleased to visit us", "enjoy")

// يمكنك تحديد اللون الخارجى ووضع عدد من الألوان كما تريد
var outlinecolor=new Array("black", "black")

// ضع هنا عدد الألوان الذى تريد للكلمات كمجموعة اولى
var fillcolor1=new Array("gray", "green", "white", "green")

// ضع هنا عدد الألوان لكلمات الإطار الثانى الذى تريد
var fillcolor2=new Array("blue", "olive", "black", "lime")

// ضع هنا حرف تتكون منه الدائرة المحيطة
var circlemark=new Array("-")

// ضع عرض الخط المحيط بالكلمات
var strkweight=2

// ضع الزمن بين الكلمات بالثوانى
var pause=3

// حدّد هنا شفافية الكلمات
var strengthopacity="60%"

// ضع هنا مقاس الدائرة المحيطة
var circlesize=0.5

// اختر "نعم" ان كنت تريد ظهور الرسالة حتى مع تحريك الصفحة لأسفل بالمسطرة
var keepinview="yes"

// لا تقم بتعديل شئ بالأسفل

mytruebody=(!window.opera && dcidcidocument.compatMode && dcidcidocument.compatMode!="BackCompat")? dcidcidocument.dcidcidocumentElement : dcidcidocument.body //Dynamicdrive added object

var outerwidth=mytruebody.clientWidth
var outerheight=mytruebody.clientHeight

var innerwidth=Math.floor(circlesize*outerwidth)
var innerheight=Math.floor(circlesize*outerheight)

var posleft=(outerwidth-innerwidth)/2
var postop=(outerheight-innerheight)/2

var path=new Array()
var i_message=0
var i_outlinecolor=0
var i_fillcolor1=0
var i_fillcolor2=0
var i_messagelength=0
var longestmessage=0
pause*=1000

var ie=dcidcidocument.getElementById&&dcidcidocument.all?1:0 

for (i=0;i<=message.length-1;i++) {
	if (message[i].length>longestmessage) {
		longestmessage=message[i].length
	}
	longestmessage+=4
}

for (i=0;i<=message.length-1;i++) {

	var emptyspace=""
	var i_emptyspace=(longestmessage-message[i].length)/2
	for (ii=0;ii<=i_emptyspace;ii++) {
		emptyspace+=circlemark
	}
	message[i]=emptyspace+" "+message[i]+" "+emptyspace
}

function changeform() {
	if (keepinview=="yes") //DD added
	dcidcidocument.getElementById("roofid").style.top=mytruebody.scrollTop //DD added
	if (i_outlinecolor >= outlinecolor.length) {i_outlinecolor=0}
	if (i_fillcolor1 >= fillcolor1.length) {i_fillcolor1=0}
	if (i_fillcolor2 >= fillcolor2.length) {i_fillcolor2=0}
	dcidcidocument.getElementById('strokeid').color=outlinecolor[i_outlinecolor]
	dcidcidocument.getElementById('fillid').color=fillcolor1[i_fillcolor1]
	dcidcidocument.getElementById('fillid').color2=fillcolor2[i_fillcolor2]
	if (i_message < message.length) {tick()}
	else {dcidcidocument.getElementById('textpathid').string=""
	dcidcidocument.getElementById("roofid").style.display="none" //DD added
	}
}

function tick() {
	if (i_messagelength <= message[i_message].length) {
		var messagestringend=""
		var messagestring=message[i_message].substring(0, i_messagelength)+messagestringend
		dcidcidocument.getElementById('textpathid').string=messagestring
		var timer=setTimeout("tick()",50)
		i_messagelength++
	}
	else {
		clearTimeout(timer)
		i_messagelength=0
		i_message++
		i_outlinecolor++	
		i_fillcolor1++	
		i_fillcolor2++	
		var timer=setTimeout("changeform()",pause)
	}
	
}

if (ie) {
	dcidcidocument.write('<div id="roofid" style="position:absolute;left:0px;top:0px;width:'+outerwidth+'px;height:'+outerheight+'px;overflow:hidden;">')
	dcidcidocument.write('<v:oval id="tc" style="position:absolute;top:'+postop+'px;left:'+posleft+'px;width:'+innerwidth+'px;height:'+innerheight+'px">')
	dcidcidocument.write('<v:shadow on="t" opacity="'+strengthopacity+'"/>')
	dcidcidocument.write('<v:stroke id="strokeid" weight="'+strkweight+'pt" color="blue"/>')
	dcidcidocument.write('<v:fill id="fillid" on="True" color="'+fillcolor1[0]+'" color2="'+fillcolor2[0]+'" opacity="'+strengthopacity+'" opacity2="'+strengthopacity+'" type="gradient"/>')
	dcidcidocument.write('<v:path textpathok="t"/>')
	dcidcidocument.write('<v:textpath id="textpathid" on="t" id="mytp" style="font-family:\'Arial Black\'; " fitpath="t" string=""/>')
	dcidcidocument.write('</v:oval></div>')
	if (window.attachEvent) //DD added code
	window.attachEvent("onload", changeform) //DD added code
	else
	window.onload=changeform
}
</script>
يفضّل وضعها فى صفحة html مستقلة بالترحيب ومن ثمّ التحويل للموقع



أطيب تحية

قسم : ويب 2.0 وأكواد متنوعة 
 
إضافة لمفضلتي إرسال هذه الصفحة لصديق محتويات أخرى مقترحة
بواسطة : محمّد نور ابحث عن جميع المحتويات المضافة بواسطة هذا العضو
27-12-2007
الزيارات 242
206 بايت
zip  فريم لإضافة إعلانات بموقعك "نصوص وصور وروابط " بالتبادل-- حصريّا الزر الأيسر : حفظ ، الزر الأيمن : حفظ بإسم

  نبذة : هذا الكود يمكنّك من انشاء فريم بموقعك .. قد يكون داخل بلوك أو بالمكان الذى تريد

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

يتمّ التبديل بين أكثر من رسالة " بهذا الكود 4 رسائل " بحسب الزمن الذى ترغب فيه وتقوم بتحديده بالكود




لمشاهدة مثال :

فضلاً اضغط هنا



التركيب :

1-- بداية علينا انشاء الصفحة التى سيتم جلبها داخل الفريم

الصفحة وضعتها أنا باسم exfile.html ستجدها بالملف المضغوط بالمرفقات

2--افتح الصفحة ببرنامج المفكرة او اى برنامج

قم باستبدال الفقرات بما تريد كما موضّح تفصيليا بملف الكود

وقم بتحديد زمن التبديل بين الفقرات

3-- قم برفع الصفحة هذه الى نفس مسار الصفحة التى سيظهر بها الفريم

4-- قم بوضع هذا الكود للفريم بالمكان الذى تريده بالصفحة

كود:
<iframe id="tickermain" src="exfile.htm" width=200 height=120 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=1 scrolling=no></iframe>

مع استبدال الطول height=120 & العرض width=200
بما يناسبك



أطيب تحية

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

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

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

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


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

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

   
 
 

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

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