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

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




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

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

بحث
links

نتائج البحث
محتويات مقترحة من قبل : "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
الزيارات 326
30.60 كيلو بايت
jpg  آلة حاسبة بسيطة باللون الذى تحدّده لموقعك الزر الأيسر : حفظ ، الزر الأيمن : حفظ بإسم

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

مثال : كما بالصورة




التركيب :

ضع الكود التالى بالمكان الذي تريد أن يظهر هذا السكربت فيه بالصفحة ...
ضع الكود في منطقة الـ ( <body> )


كود:
<form name=mef>
<input type=hidden name=dafunction value="">
<input type=hidden name=tempnum value="">
<input type=hidden name=daboo value="">
<input type=hidden name=memob value="0">
<script language=javascript>

function numbers(x) {

var daboo= dcidcidocument.mef.daboo.value;
var dafunction = dcidcidocument.mef.dafunction.value;
var deccheck = dcidcidocument.mef.results.value;
if(dcidcidocument.mef.results.value == "0" && deccheck.indexOf('.')=="-1") {
dcidcidocument.mef.results.value = "";
}

if(daboo != "true") {
dcidcidocument.mef.results.value=dcidcidocument.mef.results.value+x;
} else {
dcidcidocument.mef.results.value=x;
dcidcidocument.mef.daboo.value="";
}

}

function add() {
  if(dcidcidocument.mef.tempnum.value){
   gofigure();
  }

dcidcidocument.mef.dafunction.value='+';
dcidcidocument.mef.daboo.value='true';
dcidcidocument.mef.tempnum.value=dcidcidocument.mef.results.value;
}

function subtract() {

  if(dcidcidocument.mef.tempnum.value){
  gofigure();
 }
dcidcidocument.mef.dafunction.value='-';
dcidcidocument.mef.daboo.value='true';
dcidcidocument.mef.tempnum.value=dcidcidocument.mef.results.value;
}

function multiply() {
 if(dcidcidocument.mef.tempnum.value){
 gofigure();
 }
dcidcidocument.mef.dafunction.value='*';
dcidcidocument.mef.daboo.value='true';
dcidcidocument.mef.tempnum.value=dcidcidocument.mef.results.value;
}
function divide() {

 if(dcidcidocument.mef.tempnum.value){
 gofigure();
 }
dcidcidocument.mef.dafunction.value='/';
dcidcidocument.mef.daboo.value='true';
dcidcidocument.mef.tempnum.value=dcidcidocument.mef.results.value;
}

function oneoverx() {
dcidcidocument.mef.results.value=1/eval(dcidcidocument.mef.results.value);
}

function percenta() {
var whatdo = dcidcidocument.mef.dafunction.value;
var percnumber = dcidcidocument.mef.results.value / 100;
if(dcidcidocument.mef.tempnum.value){
dcidcidocument.mef.results.value =  eval(dcidcidocument.mef.tempnum.value)*percnumber;
} else {
dcidcidocument.mef.results.value = "0";
}
dcidcidocument.mef.tempnum.value="";
dcidcidocument.mef.dafunction.value="";
}

function squaroot() {
dcidcidocument.mef.results.value=Math.sqrt(dcidcidocument.mef.results.value);
}
function plusminus() {
var xy = dcidcidocument.mef.results.value;
if(xy == "0"){
return false;
}
if(xy.indexOf("-") == "0") {
 xy = xy.substring(1,xy.length);
 
} else {
xy = "-" + xy;

}
dcidcidocument.mef.results.value = xy;
}
function backspace() {
//ignore if zero already.//
if(dcidcidocument.mef.results.value=="0") {
return false; }
//length of the text field//
var numlength = dcidcidocument.mef.results.value;
//subtract one.//
var newresult = numlength.length-1;
//set to new value -1;//
dcidcidocument.mef.results.value = numlength.substring(0,newresult);
//set to zero if nothing left.
if(dcidcidocument.mef.results.value=="") {dcidcidocument.mef.results.value ="0";}
}

function clearfu() {
dcidcidocument.mef.tempnum.value="";
dcidcidocument.mef.results.value="0";
dcidcidocument.mef.dafunction.value="";
}

function gofigure() {
if(dcidcidocument.mef.tempnum.value==".") {
return false;
}
var whatdo = dcidcidocument.mef.dafunction.value;
if(whatdo=="+"){ 
dcidcidocument.mef.results.value = eval(dcidcidocument.mef.results.value) + eval(dcidcidocument.mef.tempnum.value);
}
else if(whatdo=="-"){
dcidcidocument.mef.results.value =  eval(dcidcidocument.mef.tempnum.value)-eval(dcidcidocument.mef.results.value);
}
else if(whatdo=="*"){
dcidcidocument.mef.results.value = eval(dcidcidocument.mef.results.value) * eval(dcidcidocument.mef.tempnum.value);
}

else if(whatdo=="/"){
dcidcidocument.mef.results.value = eval(dcidcidocument.mef.tempnum.value)/eval(dcidcidocument.mef.results.value) ;
}

dcidcidocument.mef.tempnum.value="";
dcidcidocument.mef.dafunction.value="";
}
</script>

<script language=javascript>
<!--//
if (navigator.appName == "Netscape")  { 
dcidcidocument.write("<h3 align=center>Looks Like you're using netscape. Because Netscape is a lousy browser and doesn't do a very good job with CSS the below looks aweful. Please Use Internet Explorer and Not the buggy netscape navigotor.</h3>");
   }
//-->
</script>
<table style="border-style:inset;border-width:2px;" bgcolor=#3399ff><tr>
<td>
<p align="center"><span lang="ar-sa"><b><font face="verdana" color="#FFFFFF">آلة 
حاسبة</font></b></span></td></tr><tr>
<td><input type=text value="0" size=33 name=results></td>
</tr>
<tr><td>
<input type=text name=memry style="background-color:#cccccc;" size=2> 
<input type=button value="Backspace" style="background-color:#CCCCCC;color:red;width:67px;height:27px;font-size:10px;" OnClick="backspace()"> <input type=button value=" CE " style="background-color:#CCCCCC;color:red;width:67px;height:27px;font-size:10px;" OnClick="clearfu()"> <input type=button value=" C " style="background-color:#CCCCCC;color:red;width:57px;height:27px;font-size:10px;" OnClick="clearfu()"> 
</td></tr><tr>
<td>
<input type=button style="background-color:#CCCCCC;color:red;width:35px;height:27px;font-size:10px;" value=" MC " OnClick="dcidcidocument.mef.memry.value=' ',dcidcidocument.mef.memob.value='0'">   
<input type=button value=" 7 " style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers(7)"> <input type=button value=" 8 " style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers(8)"> <input type=button value=" 9 " style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers(9)"> 

<input type=button style="background-color:#CCCCCC;color:red;width:35px;height:27px;font-size:10px;" value=" / " OnClick="divide()">
<input type=button style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" value="sqrt" OnClick="squaroot()">
</td></tr><tr>
<td>
<input type=button style="background-color:#CCCCCC;color:red;width:35px;height:27px;font-size:10px;" value="MR" OnClick="dcidcidocument.mef.results.value=dcidcidocument.mef.memob.value">   
<input type=button value=" 4 " style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers(4)"> <input type=button value=" 5 " style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers(5)"> <input type=button value=" 6 " style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers(6)"> 

<input type=button style="background-color:#CCCCCC;color:red;width:35px;height:27px;font-size:10px;" value=" * " OnClick="multiply()">
<input type=button style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" value=" % " OnClick="percenta()">
</td></tr>
<tr>
<td>
<input type=button style="background-color:#CCCCCC;color:red;width:35px;height:27px;font-size:10px;" value=" MS ">   
<input type=button value=" 1 " style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers(1)"> <input type=button value=" 2 " style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers(2)"> <input type=button value=" 3 " style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers(3)"> 

<input type=button style="background-color:#CCCCCC;color:red;width:35px;height:27px;font-size:10px;" value=" - " OnClick="subtract()">
<input type=button style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" value=" 1/x " OnClick="oneoverx()">
</td>
</tr><tr>
<td>
<input type=button style="background-color:#CCCCCC;color:red;width:35px;height:27px;font-size:10px;" value=" M+ " OnClick="dcidcidocument.mef.memry.value=' M',dcidcidocument.mef.memob.value=dcidcidocument.mef.results.value;">   
<input type=button value="0" style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers(0)"> <input type=button value="+/-" style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="plusminus() "> <input type=button value=" . " style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" OnClick="numbers('.')"> <input type=button style="background-color:#CCCCCC;color:red;width:35px;height:27px;font-size:10px;" value=" + " OnClick="add()"> <input type=button style="background-color:#CCCCCC;color:blue;width:35px;height:27px;font-size:10px;" value=" = " OnClick="gofigure()">
</td></tr>
<tr><td> </td></tr>
</table>


ملاحظة : يمكنك تغيير لون الخلفية من خلال استبدال كود اللون بهذا السطر

كود:
<table style="border-style:inset;border-width:2px;" bgcolor=#3399ff><tr>
وهذا مثال للون آخر




أطيب تحية

قسم : ويب 2.0 وأكواد متنوعة 
 
مفضل Remove from My Favourites إرسال هذه الصفحة لصديق محتويات أخرى مقترحة
بواسطة : محمّد نور ابحث عن جميع المحتويات المضافة بواسطة هذا العضو
26-12-2007
الزيارات 319
85.36 كيلو بايت
zip  سكربت مواقيت الصلاة prayer_v2 الزر الأيسر : حفظ ، الزر الأيمن : حفظ بإسم

  سكربت جميل لا يحتاج إلى اعداد , فقط قم بتحميل الملف كاملا إلى موقعك ثم اطلب الملف prayer.php ,
من برمجة اخونا ابو محمد صاحب موقع المركز العربي للتصميم والبرمجة

قسم : سكربتات متنوعة 
 
إضافة لمفضلتي إرسال هذه الصفحة لصديق محتويات أخرى مقترحة
بواسطة : سطام سعد ابحث عن جميع المحتويات المضافة بواسطة هذا العضو
24-12-2007
الزيارات 1201
28.04 كيلو بايت
zip  css يمكّنك من وضع ترقيم صفحاتك بطريقة رائعة- حصريا الزر الأيسر : حفظ ، الزر الأيمن : حفظ بإسم

  نبذة :

هذا الكود يمكّنك من ترقيم صفحات قسم محدد مثلا بموقعك او صفحات موقعك ككل

الأرقام تظهر فى مربعات يتغيّر لونها بالوقوف عليها




مثال :

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

شاهد طريقة الترقيم المميزة من هنا


صورة :




التركيب :


:

1-- ضع هذا الكود فى جزء الـ head من صفحتك وبه ارشادات التعديل

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

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*يمكنك تغييرها الى right*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

</style>

2-- ضع هذا الكود بالمكان الذى تريد ظهور الترقيم به
هذا الكود الذى استخدمته فى صناعة المثال
يمكنك الحفاظ علي اسم الاستايل والتعديل عليه بترقيم مختلف



كود:
<div class="pagination">
<ul>


<li><a href="#" class="currentpage">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a>...</li>
<li><a href="#">15</a></li>
<li><a href="#">16</a></li>
</ul>
</div>
مع استبدال # برابط الصفحات


أطيب تحية

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

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


مثال :

صورة للعبة




التركيب :

فقط انسخ هذا الكود بالمكان الذى تريد ظهور اللعبة به


كود:
<SCRIPT LANGUAGE="JavaScript">

// ---- Make array
function MakeArray( n){
    this.length = n;
    for (var i = 1; i <= n; i++) { 
        this[i] = 0 
    }
    return this
}

// ----- poor man's random number
var d0 = new Date();
var r0 = d0.getSeconds();
function poor_rand(){
    d1 = new Date();
    r0 = (r0 * r0 + r0 + d1.getSeconds()) % 3721 ;
    return r0 % width_n;
}

// ---- Parameters of game
var height_n = 8;
var width_n =5;

// ---- state of game
var enemy = new MakeArray( width_n); // enemy positions
var wtime; // wait time
var score; // points
var gameover; // in case of gameover set to true

// ----- Make the battlefield.
dcidocument.write( "<CENTER><FORM NAME='fm1'>");
dcidocument.write( "<INPUT TYPE='text' NAME='message' SIZE=20>");
dcidocument.write( "</FORM>");
dcidocument.write( "<FORM NAME='fm2'><TABLE></CENTER>");
for( var i=0; i<height_n; i++){
    dcidocument.write( "<TR>");
    for( var j=0;j<width_n; j++){
        dcidocument.write( "<TD><CENTER><INPUT TYPE='radio'></CENTER></TD>");
    }
    dcidocument.write( "</TR>");
}
dcidocument.write( "<TR>");
for( var j=0;j<width_n; j++){
    dcidocument.write( "<TD><INPUT TYPE='button' VALUE='-x-' onClick='fire("
        + j + ")'></TD>");
}
dcidocument.write( "</TR>");
dcidocument.write( "</TABLE>");
dcidocument.write( "<CENTER><INPUT TYPE='button' VALUE='ابدأ اللعب' onClick='game_start()'></CENTER>");
dcidocument.write( "</FORM>");

// ----- game main timer event 
// -----     enemy come one step
function come(){
    var n = poor_rand();
    dcidocument.fm2.elements[ width_n * enemy[n+1] + n].checked = true;
    enemy[n+1]++;
    if( enemy[n+1] < height_n){
        setTimeout("come()", wtime);
    }else{
      gameover = true;
      dcidocument.fm1.message.value =  "انتهت اللعبة والنتيجة هي:" + score ;
    }
}

// ----- Fire the n th beam
function fire( n){
    if( gameover ) return;
    for( var i=0; i<enemy[n+1]; i++){ // clear enemy
        dcidocument.fm2.elements[ width_n * i + n].checked = false;
    }
    score += enemy[ n+1];
    dcidocument.fm1.message.value = "عدد نقاطك هو:" + score;
    enemy[ n+1] = 0;
    if( wtime > 100){ wtime -= 10};
}

// ---- initialize & start game
function game_start(){
   for( var n=0; n<width_n; n++){
        for( var i=0; i<enemy[n+1]; i++){
            dcidocument.fm2.elements[ width_n * i + n].checked = false;
        }
        enemy[n+1] = 0;
    }
    wtime = 400;
    score = 0;
    gameover = false;
    dcidocument.fm1.message.value = "عدد نقاطك هو:" + score;
    setTimeout("come()", wtime);
}

// -->
</SCRIPT>


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

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

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

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


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

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

   
 
 

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

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