Google





 
الرئيسيةالبوابةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول
أفضل ألعاب الفلاش أضفها إلى موقعك مجاناًالثلاثاء يوليو 05, 2016 12:50 am من طرف  سيمونيتصميم إستايل كامل لمنتدى تقنية الحاسوبالجمعة فبراير 26, 2016 6:06 am من طرف  brave-heart90كود Template تسجيل الدخول - احلى منتدىالسبت يناير 16, 2016 2:54 am من طرف  MoHaMeD-طريقة إنشاء ظل بطريقة احترافية باستخدام برنامج الفوتوشوب ( مع شرح دقيق مرفق بالصور )الثلاثاء يناير 12, 2016 2:44 am من طرف  Mc nabulsyستايل منتدى الابداع العربيالثلاثاء ديسمبر 22, 2015 3:15 pm من طرف  علم حسناهم مميزات السيرفرات السحابيةالثلاثاء ديسمبر 22, 2015 2:26 pm من طرف  علم حسنتم تصميم بوابة عاصفة التطويرالثلاثاء ديسمبر 22, 2015 2:25 pm من طرف  علم حسنطلب تكويد الاستايل يا جماعاالإثنين ديسمبر 14, 2015 4:04 am من طرف  elsndbad2010طلب تكويد استايلالأحد ديسمبر 13, 2015 9:11 pm من طرف  الرسامطلب تصميم استايل تومبيلاتالجمعة ديسمبر 04, 2015 11:34 pm من طرف  yakoub dz

Untitled 4

شاطر | 

رقم المشاركة : ( 1 )
avatar
مدير عام
 
عدد المساهمات : 947
تاريخ التسجيل : 06/11/2013
مُساهمةاليكم مجموعة اكواد للساعات والتاريخ جافا

كُتب : [ الأربعاء ديسمبر 25, 2013 11:44 pm ]




ساعة ذات خلفية سوداء
طريقة التركيب

الكود:
<style>
<!--
.styling{
background-color:black;
color:lime;
font: bold 15px MS Sans Serif;
padding: 3px;
}
-->
</style>
  
  
2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

الكود:
<div align="center" dir="ltr">
<span id="digitalclock" class="styling"></span>
<script>
/*****************************************
* LCD Clock script- by Javascriptkit
* Translated By www.sakrjava.netfirms.com/
* Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use
***********************************************/
<!--

var alternate=0
var standardbrowser=!document.all&&!document.getElementById

if (standardbrowser)
document.write('<form name="tick"><input type="text" name="tock" size="6"></form>')

function show(){
if (!standardbrowser)
var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var dn="AM"

if (hours==12) dn="PM"
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0) hours=12
if (hours.toString().length==1)
hours="0"+hours
if (minutes<=9)
minutes="0"+minutes

if (standardbrowser){
if (alternate==0)
document.tick.tock.value=hours+" : "+minutes+" "+dn
else
document.tick.tock.value=hours+"   "+minutes+" "+dn
}
else{
if (alternate==0)
clockobj.innerHTML=hours+"<font color='lime'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
else
clockobj.innerHTML=hours+"<font color='black'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
}
alternate=(alternate==0)? 1 : 0
setTimeout("show()",1000)
}
window.onload=show

//-->
</script></div>
ساعة في أعلى و يسار الصفحة
1- أضف هذا المتغير للوسم BODY لتبدو مثل هذه

الكود:
<BODY onLoad="show5()">
  
2- انسخ هذا الكود و ضعه بعد الوسم BODY

الكود:
<span id="liveclock" style="position:absolute;left:0;top:0;">
</span>
 <script language="JavaScript">
 
/* Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use */

 <!--
 function show5(){
if (!document.layers&&!document.all)
return;
var Digital=new Date();
var hours=Digital.getHours();
var minutes=Digital.getMinutes();
var seconds=Digital.getSeconds();
var dn="AM";
if (hours>12){
dn="PM";
hours=hours-12;
}
if (hours==0)
hours=12;
if (minutes<=9)
minutes="0"+minutes;
if (seconds<=9)
seconds="0"+seconds;
//change font size here to your desire
myclock="<font size='5' face='Arial' color= red><b><font size='3'>الساعة تشير إلى</font></br>"+hours+":"+minutes+":"
+seconds+" "+dn+"</b></font>";
if (document.layers){
document.layers.liveclock.document.write(myclock);
document.layers.liveclock.document.close();
}
else if (document.all)
liveclock.innerHTML=myclock;
setTimeout("show5()",1000);
}
 
//-->
</script>
ساعة ضمن مستطيل - ساعات + دقائق + ثواني
طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة HEAD

الكود:
<script language="JavaScript">

/* Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use */

<!-- begin script
var ddt1, delay;
function debuteTemps1() {
  var hhmmss = "  ", mymin, sec;
  delay = 1000;

  adate = new Date();
  hhmmss += adate.getHours();
  mymin = adate.getMinutes();
  if (mymin < 10) hhmmss += ":0" + mymin;
  else hhmmss += ":" + mymin;
  sec = adate.getSeconds();
  if (sec < 10) hhmmss += ":0" + sec;
  else hhmmss += ":" + sec;
  hhmmss = " " + hhmmss;
  document.Temps11.heure.value = hhmmss;

  ddt1 = setTimeout("debuteTemps1(delay)",delay);
}
//  end script -->
</script>
2- أضف المتغير للوسم BODY لتبدو مثل هذه

الكود:
<BODY onLoad="debuteTemps1()" onUnload="clearTimeout(ddt1)">
3- انسخ هذا الكود و ضعه بعد الوسم BODY

الكود:
<form name="Temps11">
<input type="text" name="heure" size="8"><br>
</form>
ساعة ضمن مستطيل صغير - ( am - fm )
طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة HEAD

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

/* Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use */

    var timerID = null
    var timerRunning = false

    function stopclock()
    {
        if(timerRunning)
            clearTimeout(timerID)
        timerRunning = false
    }

    function startclock()
    {
        stopclock()
        showtime()
    }

    function showtime()
    {
        var now = new Date()
        var hours = now.getHours()
        var minutes = now.getMinutes()
        var seconds = now.getSeconds()
        var timeValue = "" + ((hours > 12) ? hours - 12 : hours)
        timeValue  += ((minutes < 10) ? ":0" : ":") + minutes
        timeValue  += ((seconds < 10) ? ":0" : ":") + seconds
        timeValue  += (hours >= 12) ? "PM" : "AM"
        document.clock.face.value = timeValue
       timerID = setTimeout("showtime()",1000)
        timerRunning = true
    }
//-->
</SCRIPT>
  
  
2- انسخ هذا الكود و ضعه في المكان الذي تريد أن تظهر الساعة

الكود:
  <form name="clock" onSubmit="0">
    <INPUT TYPE="text" NAME="face" SIZE=11 READONLY VALUE ="....Initializing....">
</form>

<SCRIPT LANGUAGE="JavaScript">
<!--
    startclock()
//-->
</SCRIPT>
ساعة حائط ملونة

طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة BODY

الكود:
  <script language="VBScript">
Dim a
Dim min1
Dim hr1
Dim sec1

'Initializes clock and tells it how to behave, when to start animation, etc

Sub window_onload
 a = time
 min1 = minute(time)
 hr1 = hour(time)
 if hr1 > 12 then
 hr1 = hr1 - 12
 end if
 sec1 = second(time)
 call sgSecondHand.Rotate(0,0,sec1*6 - 90)
 call sgMinuteHand.Rotate(0,0,min1*6 - 90)
 call sgHourHand.Rotate(0,0,hr1*360/12 - 90)
 call seq("Time").Play
end Sub


'Sequencer initilization

Sub Seq_OnInit
 Call seq("Time").at(0.000, "SecRot", -1, 1.000, 1)
 Call seq("Time").at(60.000, "MinRot", -1, 60.000, 1)
 Call seq("Time").at(0.000, "HourRot", -1, 1800.000, 1)
End Sub

'rotates second hand of clock

Sub SecRot
 Call sgSecondHand.Rotate(0,0,6)
End Sub

' rotates minute hand of clock

Sub MinRot
 Call sgMinuteHand.Rotate(0,0,6)
End Sub

' rotates hour hand of clock

Sub HourRot
 Call sgHourHand.Rotate(0,0,15)
End Sub


</script>

<!-- This is the master div, sets over all height, width and positioning-->

<div id="MASTERLAYOUT" STYLE="POSITION:ABSOLUTE;WIDTH:300; HEIGHT:300;TOP:25%;LEFT:25%">

<!-- Div sets positioning of text on clock face, z-index tells it to go in front of background data in master div -->

<div id="divTimeText" STYLE="POSITION:ABSOLUTE; WIDTH:200; HEIGHT:200; TOP:0; LEFT:0;z-index:2">

<br>
<br>
<br>

<p  align="center">

<font face="Verdana,Tahoma,Arial" size="5" color="YELLOW">
<BR>
<BR>

</font>

</p>

<!-- Object displays the numbers on the clock face -->

<OBJECT ID="SgNumbers"
 CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"
 STYLE= "POSITION:ABSOLUTE; WIDTH:215; HEIGHT:200; TOP:0; LEFT:0;Z-INDEX:5">
 <PARAM NAME="Line0001" VALUE="SetLineColor(255, 255, 255)">
 <PARAM NAME="Line0002" VALUE="SetLineStyle(1)">
 <PARAM NAME="Line0003" VALUE="SetFillStyle(1)">
 <PARAM NAME="Line0004" VALUE="SetFillColor(255,255,255)">
 <PARAM NAME="Line0005" VALUE="SetFont('ARIAL',24,650,0,0,0)">
 <PARAM NAME="Line0006" VALUE="Text('1',30,-66,0">
 <PARAM NAME="Line0007" VALUE="Text('2',60,-36,0">
 <PARAM NAME="Line0008" VALUE="Text('3',70,4,0">
 <PARAM NAME="Line0009" VALUE="Text('4',60,44,0">
 <PARAM NAME="Line0010" VALUE="Text('5',30,74,0">
 <PARAM NAME="Line0011" VALUE="Text('6',-10,89,0">
 <PARAM NAME="Line0012" VALUE="Text('7',-50,79,0">
 <PARAM NAME="Line0013" VALUE="Text('8',-85,44,0">
 <PARAM NAME="Line0014" VALUE="Text('9',-95,4,0">
 <PARAM NAME="Line0015" VALUE="Text('10',-85,-36,0">
 <PARAM NAME="Line0016" VALUE="Text('11',-60,-61,0">
 <PARAM NAME="Line0017" VALUE="Text('12',-20,-76,0">
</OBJECT>

</div>

<!-- Creates the clock face , structured graphic-->

<OBJECT ID="sgBackground"
 CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"
 STYLE="POSITION:absolute; TOP:0; LEFT:0; WIDTH:200; HEIGHT:200">
    <PARAM NAME="Line0001" VALUE="SetLineStyle(5)">
    <PARAM NAME="Line0002" VALUE="SetFillStyle(11)">
    <PARAM NAME="Line0003" VALUE="SetFillColor(255,0,0,0,0,255)">
    <PARAM NAME="Line0004" VALUE="SetGradientFill(0,0,-100,-100,0)">
    <PARAM NAME="Line0005" VALUE="Oval(-100,-100,200,200,0)">
</OBJECT>

<div id="divClock" STYLE="POSITION:ABSOLUTE; WIDTH:200; HEIGHT:200; TOP:0; LEFT:0;">

<!-- Object creates second hand for clock, structured graphic -->

<OBJECT ID="sgSecondHand"
 CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"
 STYLE="POSITION:absolute; TOP:0; LEFT:0; WIDTH:200; HEIGHT:200; Z-INDEX:5">
 <PARAM NAME="Line0001" VALUE="SetLineColor(255, 255, 255)">
 <PARAM NAME="Line0002" VALUE="SetLineStyle(1)">
 <PARAM NAME="Line0003" VALUE="SetFillColor(255,255,255)">
 <PARAM NAME="Line0004" VALUE="SetFillStyle(1)">
 <PARAM NAME="Line0005" VALUE="Rect(-5,-2,100,4,0)">
</OBJECT>

<!-- Object creates minute hand for clock, structured graphic-->

<OBJECT ID="sgMinuteHand"
 CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"
 STYLE="POSITION:absolute; TOP:0; LEFT:0; WIDTH:200; HEIGHT:200; Z-INDEX:5">
 <PARAM NAME="Line0001" VALUE="SetLineColor(255, 0, 0)">
 <PARAM NAME="Line0002" VALUE="SetLineStyle(1)">
 <PARAM NAME="Line0003" VALUE="SetFillColor(255,0,0)">
 <PARAM NAME="Line0004" VALUE="SetFillStyle(1)">
 <PARAM NAME="Line0005" VALUE="Rect(-5,-3,85,6,0)">
</OBJECT>

<!-- Object creates hour hand for clock, structured graphic -->

<OBJECT ID="sgHourHand"
 CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"
 STYLE="POSITION:ABSOLUTE; TOP:0; LEFT:0; WIDTH:200; HEIGHT:200; Z-INDEX:5">
 <PARAM NAME="Line0001" VALUE="SetLineColor(0, 0, 255)">
 <PARAM NAME="Line0002" VALUE="SetLineStyle(1)">
 <PARAM NAME="Line0003" VALUE="SetFillColor(0,0,255)">
 <PARAM NAME="Line0004" VALUE="SetFillStyle(1)">
 <PARAM NAME="Line0005" VALUE="Rect(-5,-3,70,6,0)">
</OBJECT>

</div>
</div>

<!-- Sequencer, controls timing and continuation of clock motion -->

<OBJECT ID="Seq"
 CLASSID="CLSID:B0A6BAE2-AAF0-11d0-A152-00A0C908DB96">
</OBJECT>
 
سكربت لتواقيت دول العالم
11:12:04 pm
طريقة التركيب

انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

الكود:
  <form name="where">
 <table border="0" width="200" cellspacing="0" cellpadding="3">
<tr>
    <td width="100%">
<select name="city" size="1" onchange="updateclock(this);">
<option selected>التوقيت المحلي</option>
<option value="3">السعودية</option>
<option value="4">الإمارات</option>
<option value="3">الكويت</option>
<option value="3">لبنان</option>
<option value="4">عمان</option>
<option value="3">قطر</option>
<option value="3">مصر</option>
<option value="0">المغرب</option>
<option value="1">تونس</option>
<option value="3">السودان</option>
<option value="0">لندن</option>
<option value="1">روما</option>
<option value="7">بانكوك</option>
<option value="8">هونكغ كونغ</option>
<option value="9">طوكيو</option>
<option value="10">سيدني</option>
<option value="12">فوجي</option>
<option value="-10">هاواي</option>
<option value="-8">سان فرانسيسكو</option>
<option value="-5">نيويورك</option>
</select>
</td>
  </tr>
  <tr>
    <td width="100%">
<script language="JavaScript">

/*
Drop Down World Clock- By JavaScript Kit (http://www.javascriptkit.com)
Portions of code by Kurt @ http://www.btinternet.com/~kurt.grigg/javascript
This credit notice must stay intact
Visit our site at http://www.star28.com/ for more code
*/

if (document.all||document.getElementById)
document.write('<span id="worldclock" style="font:bold 16px Arial;"></span><br>')

zone=0;
isitlocal=true;
ampm='';

function updateclock(z){
zone=z.options[z.selectedIndex].value;
isitlocal=(z.options[0].selected)?true:false;
}

function WorldClock(){
now=new Date();
ofst=now.getTimezoneOffset()/60;
secs=now.getSeconds();
sec=-1.57+Math.PI*secs/30;
mins=now.getMinutes();
min=-1.57+Math.PI*mins/30;
hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone);
hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360;
if (hr < 0) hr+=24;
if (hr > 23) hr-=24;
ampm = (hr > 11)?"PM":"AM";
statusampm = ampm.toLowerCase();

hr2 = hr;
if (hr2 == 0) hr2=12;
(hr2 < 13)?hr2:hr2 %= 12;
if (hr2<10) hr2="0"+hr2

var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;

if (document.all)
worldclock.innerHTML=finaltime
else if (document.getElementById)
document.getElementById("worldclock").innerHTML=finaltime
else if (document.layers){
document.worldclockns.document.worldclockns2.document.write(finaltime)
document.worldclockns.document.worldclockns2.document.close()
}


setTimeout('WorldClock()',1000);
}

window.onload=WorldClock
//-->
</script>

<!--Place holder for NS4 only-->
<ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 16px Arial;"></layer></ilayer>
</td></tr></table></form>
  
عرض الساعة و التاريخ

10/14/113
11:12 P.M
طريقة التركيب

انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

الكود:
<CENTER>
<SCRIPT LANGUAGE="JavaScript">

/* Visit our site at http://www.star28.com/ for more code
*********************************************************/

<!-- Begin
Stamp = new Date();
document.write('<font size="2" face="Arial"><B>' + (Stamp.getMonth() + 1) +"/"+Stamp.getDate()+ "/"+Stamp.getYear() + '</B></font><BR>');
var Hours;
var Mins;
var Time;
Hours = Stamp.getHours();
if (Hours >= 12) {
Time = " P.M ";
}
else {
Time = " A.M ";
}
if (Hours > 12) {
Hours -= 12;
}
if (Hours == 0) {
Hours = 12;
}
Mins = Stamp.getMinutes();
if (Mins < 10) {
Mins = "0" + Mins;
}
document.write('<font size="2" face="Arial"><B>' + Hours + ":" + Mins + Time + '</B></font>');
// End -->
</SCRIPT>
</CENTER>
  
ساعة جميلة ترافق الماوس
طريقة التركيب

انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

الكود:
  <SCRIPT LANGUAGE="JavaScript1.2">

/*
Analog Clock III- Kurt Grigg (kurt.grigg@virgin.net)
For full source code, 100's more DHTML scripts, and TOS,
visit http://www.dynamicdrive.com
* Visit our site at http://www.star28.com/ for more code
This notice must stay intact for use */


colors = new Array('330099','00ff00','ff00ff');  //Clock face colors.
sCol = 'ff00ff';  //seconds colour.
mCol = '00ff00';  //minutes colour.
hCol = 'red';  //hours colour.
//Alter nothing below!
H = '***';
H = H.split('');
H = H.reverse();
M = '****';
M = M.split('');
M = M.reverse();
S = '*****';
S = S.split('');
S = S.reverse();
dots = 12;
var Ypos = 0,Xpos = 0,Ybase = 0,Xbase = 0;
var ay = 0, ax = 0, Ay = 0, Ax = 0, by = 0, bx = 0, By = 0, Bx = 0, cy
= 0, cx = 0, Cy = 0, Cx = 0, dy = 0, dx = 0, Dy = 0, Dx = 0;
count = 0;
count_a = 0;
move = 1;
ie4=document.all
ns = (document.layers)?1:0;

viz = (document.layers)?'hide':'hidden';
if (ns) {
for (i = 0; i < dots; i++)
document.write('<layer name=nface'+i+' top=0 left=0 bgcolor=#000099 clip="0,0,3,3"></layer>');
for (i = 0; i < S.length; i++)
document.write('<layer name=nx'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+sCol+'><center>'+S[i]+'</center></font></layer>');
for (i = 0; i < M.length; i++)
document.write('<layer name=ny'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+mCol+'><center>'+M[i]+'</center></font></layer>');
for (i = 0; i < H.length; i++)
document.write('<layer name=nz'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+hCol+'><center>'+H[i]+'</center></font></layer>');
}
else if (ie4){
document.write('<div id="W" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < dots; i++) {
document.write('<div id="face" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#000099"></div>');
}
document.write('</div></div>');
document.write('<div id="X" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < S.length; i++) {
document.write('<div id="x" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+sCol+';text-align:center;padding-top:10px">'+S[i]+'</div>');
}
document.write('</div></div>')
document.write('<div id="Y" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < M.length; i++) {
document.write('<div id="y" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+mCol+';text-align:center;padding-top:10px">'+M[i]+'</div>');
}
document.write('</div></div>')
document.write('<div id="Z" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < H.length; i++) {
document.write('<div id="z" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+hCol+';text-align:center;padding-top:10px">'+H[i]+'</div>');
}
document.write('</div></div>');
}
if (ns) {
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt) {
Ypos = evnt.pageY + 100;
Xpos = evnt.pageX + 100;
}
window.onMouseMove = nsMouse;
}
else if (ie4){
function ieMouse() {
Ypos = event.y + 100;
Xpos = event.x + 100;
}
document.onmousemove = ieMouse;
}
function clock() {
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs / 30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins / 30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr / 6 + Math.PI * parseInt(time.getMinutes())
/ 360;
Ybase = 15;
Xbase = 15;

if (ns) {
document.layers["nx"+0].visibility = viz;
document.layers["ny"+0].visibility = viz;
document.layers["nz"+0].visibility = viz;
for (i = 0; i < S.length; i++) {
document.layers["nx"+i].top = ay - 12 + (i * Ybase) * Math.sin(sec);
document.layers["nx"+i].left = ax - 12 + (i * Xbase) * Math.cos(sec);
}
for (i = 0; i < M.length; i++) {
document.layers["ny"+i].top = by - 12 + (i * Ybase) * Math.sin(min);
document.layers["ny"+i].left = bx - 12 + (i * Xbase) * Math.cos(min);
}
for (i = 0; i < H.length; i++) {
document.layers["nz"+i].top = cy - 12 + (i * Ybase) * Math.sin(hrs);
document.layers["nz"+i].left = cx - 12 + (i * Xbase) * Math.cos(hrs);
}
for (i = 0; i < dots; ++i) {
document.layers["nface"+i].top = dy - 2 + (70 *
Math.sin(-0.49+dots+i/1.9));
document.layers["nface"+i].left = dx + 4 + (70 *
Math.cos(-0.49+dots+i/1.9));
   }
}
else if (ie4) {
var scrll = document.body.scrollTop;
W.style.pixelTop = scrll;
X.style.pixelTop = scrll;
Y.style.pixelTop = scrll;
Z.style.pixelTop = scrll;
x[0].style.visibility=viz;
y[0].style.visibility = viz;
z[0].style.visibility = viz;
for (i = 0; i < S.length; i++) {
x[i].style.pixelTop = ay - 12 + (i * Ybase) * Math.sin(sec);
x[i].style.pixelLeft = ax - 12 + (i * Xbase) * Math.cos(sec);
}
for (i = 0; i < M.length; i++) {
y[i].style.pixelTop = by - 12 + (i * Ybase) * Math.sin(min);
y[i].style.pixelLeft = bx - 12 + (i * Xbase) * Math.cos(min);
}
for (i = 0; i < H.length; i++) {
z[i].style.pixelTop = cy - 12 + (i * Ybase) * Math.sin(hrs);
z[i].style.pixelLeft = cx - 12 + (i * Xbase) * Math.cos(hrs);
}
for (i = 0; i < dots; ++i) {
face[i].style.pixelTop = dy + 6 + (70 * Math.sin(-0.49 + dots + i /
1.9));
face[i].style.pixelLeft = dx + 4 + (70 * Math.cos(-0.49 + dots + i /
1.9));
      }
   }
}
function MouseFollow() {
ay = Math.round(Ay += ((Ypos) - Ay) * 4 / 15);
ax = Math.round(Ax += ((Xpos) - Ax) * 4 / 15);
by = Math.round(By += (ay - By) * 4 / 15);
bx = Math.round(Bx += (ax - Bx) * 4 / 15);
cy = Math.round(Cy += (by - Cy) * 4 / 15);
cx = Math.round(Cx += (bx - Cx) * 4 / 15);
dy = Math.round(Dy += (cy - Dy) * 4 / 15);
dx = Math.round(Dx += (cx - Dx) * 4 / 15);
clock();
setTimeout('MouseFollow()',10);
}

function StartAll() {
MouseFollow();
}
if (document.layers || document.all) window.onload = StartAll;
//  End -->
</script>
ساعة جميلة ترافق الماوس
طريقة التركيب
انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

الكود:
  <SCRIPT LANGUAGE="JavaScript1.2">

/*
Analog Clock III- Kurt Grigg (kurt.grigg@virgin.net)
For full source code, 100's more DHTML scripts, and TOS,
visit http://www.dynamicdrive.com
* Visit our site at http://www.star28.com/ for more code
This notice must stay intact for use */


colors = new Array('330099','00ff00','ff00ff');  //Clock face colors.
sCol = 'ff00ff';  //seconds colour.
mCol = '00ff00';  //minutes colour.
hCol = 'red';  //hours colour.
//Alter nothing below!
H = '***';
H = H.split('');
H = H.reverse();
M = '****';
M = M.split('');
M = M.reverse();
S = '*****';
S = S.split('');
S = S.reverse();
dots = 12;
var Ypos = 0,Xpos = 0,Ybase = 0,Xbase = 0;
var ay = 0, ax = 0, Ay = 0, Ax = 0, by = 0, bx = 0, By = 0, Bx = 0, cy
= 0, cx = 0, Cy = 0, Cx = 0, dy = 0, dx = 0, Dy = 0, Dx = 0;
count = 0;
count_a = 0;
move = 1;
ie4=document.all
ns = (document.layers)?1:0;

viz = (document.layers)?'hide':'hidden';
if (ns) {
for (i = 0; i < dots; i++)
document.write('<layer name=nface'+i+' top=0 left=0 bgcolor=#000099 clip="0,0,3,3"></layer>');
for (i = 0; i < S.length; i++)
document.write('<layer name=nx'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+sCol+'><center>'+S[i]+'</center></font></layer>');
for (i = 0; i < M.length; i++)
document.write('<layer name=ny'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+mCol+'><center>'+M[i]+'</center></font></layer>');
for (i = 0; i < H.length; i++)
document.write('<layer name=nz'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+hCol+'><center>'+H[i]+'</center></font></layer>');
}
else if (ie4){
document.write('<div id="W" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < dots; i++) {
document.write('<div id="face" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#000099"></div>');
}
document.write('</div></div>');
document.write('<div id="X" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < S.length; i++) {
document.write('<div id="x" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+sCol+';text-align:center;padding-top:10px">'+S[i]+'</div>');
}
document.write('</div></div>')
document.write('<div id="Y" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < M.length; i++) {
document.write('<div id="y" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+mCol+';text-align:center;padding-top:10px">'+M[i]+'</div>');
}
document.write('</div></div>')
document.write('<div id="Z" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < H.length; i++) {
document.write('<div id="z" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+hCol+';text-align:center;padding-top:10px">'+H[i]+'</div>');
}
document.write('</div></div>');
}
if (ns) {
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt) {
Ypos = evnt.pageY + 100;
Xpos = evnt.pageX + 100;
}
window.onMouseMove = nsMouse;
}
else if (ie4){
function ieMouse() {
Ypos = event.y + 100;
Xpos = event.x + 100;
}
document.onmousemove = ieMouse;
}
function clock() {
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs / 30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins / 30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr / 6 + Math.PI * parseInt(time.getMinutes())
/ 360;
Ybase = 15;
Xbase = 15;

if (ns) {
document.layers["nx"+0].visibility = viz;
document.layers["ny"+0].visibility = viz;
document.layers["nz"+0].visibility = viz;
for (i = 0; i < S.length; i++) {
document.layers["nx"+i].top = ay - 12 + (i * Ybase) * Math.sin(sec);
document.layers["nx"+i].left = ax - 12 + (i * Xbase) * Math.cos(sec);
}
for (i = 0; i < M.length; i++) {
document.layers["ny"+i].top = by - 12 + (i * Ybase) * Math.sin(min);
document.layers["ny"+i].left = bx - 12 + (i * Xbase) * Math.cos(min);
}
for (i = 0; i < H.length; i++) {
document.layers["nz"+i].top = cy - 12 + (i * Ybase) * Math.sin(hrs);
document.layers["nz"+i].left = cx - 12 + (i * Xbase) * Math.cos(hrs);
}
for (i = 0; i < dots; ++i) {
document.layers["nface"+i].top = dy - 2 + (70 *
Math.sin(-0.49+dots+i/1.9));
document.layers["nface"+i].left = dx + 4 + (70 *
Math.cos(-0.49+dots+i/1.9));
   }
}
else if (ie4) {
var scrll = document.body.scrollTop;
W.style.pixelTop = scrll;
X.style.pixelTop = scrll;
Y.style.pixelTop = scrll;
Z.style.pixelTop = scrll;
x[0].style.visibility=viz;
y[0].style.visibility = viz;
z[0].style.visibility = viz;
for (i = 0; i < S.length; i++) {
x[i].style.pixelTop = ay - 12 + (i * Ybase) * Math.sin(sec);
x[i].style.pixelLeft = ax - 12 + (i * Xbase) * Math.cos(sec);
}
for (i = 0; i < M.length; i++) {
y[i].style.pixelTop = by - 12 + (i * Ybase) * Math.sin(min);
y[i].style.pixelLeft = bx - 12 + (i * Xbase) * Math.cos(min);
}
for (i = 0; i < H.length; i++) {
z[i].style.pixelTop = cy - 12 + (i * Ybase) * Math.sin(hrs);
z[i].style.pixelLeft = cx - 12 + (i * Xbase) * Math.cos(hrs);
}
for (i = 0; i < dots; ++i) {
face[i].style.pixelTop = dy + 6 + (70 * Math.sin(-0.49 + dots + i /
1.9));
face[i].style.pixelLeft = dx + 4 + (70 * Math.cos(-0.49 + dots + i /
1.9));
      }
   }
}
function MouseFollow() {
ay = Math.round(Ay += ((Ypos) - Ay) * 4 / 15);
ax = Math.round(Ax += ((Xpos) - Ax) * 4 / 15);
by = Math.round(By += (ay - By) * 4 / 15);
bx = Math.round(Bx += (ax - Bx) * 4 / 15);
cy = Math.round(Cy += (by - Cy) * 4 / 15);
cx = Math.round(Cx += (bx - Cx) * 4 / 15);
dy = Math.round(Dy += (cy - Dy) * 4 / 15);
dx = Math.round(Dx += (cx - Dx) * 4 / 15);
clock();
setTimeout('MouseFollow()',10);
}

function StartAll() {
MouseFollow();
}
if (document.layers || document.all) window.onload = StartAll;
//  End -->
</script>
ساعة ترافق الماوس مع التاريخ
طريقة التركيب
انسخ هذا الكود و ضعه في منطقة HEAD

الكود:
  <SCRIPT language=JavaScript>
// Visit our site at http://www.star28.com/ for more code
dCol='0000FF';//date colour.
fCol='006600';//face colour.
sCol='9900FF';//seconds colour.
mCol='FF4500';//minutes colour.
hCol='FF4500';//hours colour.
ClockHeight=35;
ClockWidth=35;
ClockFromMouseY=0;
ClockFromMouseX=100;

//Alter nothing below! Alignments will be lost!
d=new Array("WWW.STAR28.COM","WWW.STAR28.COM","WWW.STAR28.COM","WWW.STAR28.COM","WWW.STAR28.COM","WWW.STAR28.COM","WWW.STAR28.COM");
m=new Array("JANUAR","FEBRUAR","MAERZ","APRIL","MAI","JUNI","JULI","AUGUST","SEPTEMBER","OKTOBER","NOVEMBER","DEZEMBER");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';
size=1;
speed=0.6;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
Split=360/n;
Dsplit=360/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;
scrll=0;
step=0.06;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
if (ns){
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
}
if (ie){
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < n; i++){
 var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
 F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
 F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
 }
for (i=0; i < H.length; i++){
 var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
 HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
 HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
 }
for (i=0; i < M.length; i++){
 var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
 ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
 ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
 }
for (i=0; i < S.length; i++){
 var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
 SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
 SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
 }
for (i=0; i < D.length; i++){
 var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
 DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
 DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
 }
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i < D.length; i++){
Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
}
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
ClockAndAssign();
setTimeout('Delay()',20);
}
if (ns||ie)window.onload=Delay;
</SCRIPT>

توقيع : الرسام


_________________



رقم المشاركة : ( 2 )
عضو ماسي
 
عدد المساهمات : 554
تاريخ التسجيل : 16/12/2013
مُساهمة_da3m_3

كُتب : [ الخميس ديسمبر 26, 2013 12:10 am ]




موضوع رائع بوركت


توقيع : غروري ذابحهم

رقم المشاركة : ( 3 )
زائر
زائر
 
مُساهمة_da3m_22

كُتب : [ الجمعة ديسمبر 27, 2013 1:34 am ]




موضوع رائع بوركت


توقيع : زائر

رقم المشاركة : ( 4 )
عضو فضي
 
عدد المساهمات : 102
تاريخ التسجيل : 20/12/2013
مُساهمة_da3m_18

كُتب : [ الجمعة ديسمبر 27, 2013 9:54 pm ]




موضوع رائع بوركت


توقيع : kInG NeMo



الانتقال السريع

كلمة الادارة
منتدى التكويد العربي
او ل منتدى يختص بالتصميم والتكويد
أسس منتدى التكويد العربي يوم 15الأربعاء 6 نوفمبر 2013 - 14:49 )على أساس فكرة بسيطة
وهي تقديم محتوى يروق الباحث العربي خلال تصفحه للنت وذلك في مجال آخر تطورات
البرمجة وتصميم المواقع بافضل الطرق الحديثة وكذا كل الأخبار المتعلقة بالتقنية بصفة عامة
كما أننا حاولنا مزج التقنية بعالم التصميم. نقدم مواضيع خاصة بنا غير منقولة
من أي موقع او مدونة أو منتدى عربي آخر بل نلخص ما تعرضه المواقع الرسمية
لمنتوج أو اكواد او تصميم معين وونبرمجه للغة خاصة. إهتماماتنا في هذا المنتدى هو
على الشكل التالي:
1- طرح آخر أخبار البرمجة والتصميم.
2- توفير معلومات حول آخر الاكواد والتصميم المطروحة في جميع المجالات منها المجانية أو المدفوعة.
3- تلبية الباحث العربي في جميع مطالبه عبر طرح مواضيع تهتم به وبمواقعه.
4- آخر الاعمال والاكواد والتصاميم الموجدة بطرق احترافية.
5- كل ما يتعلق بالمواقع والمنتديات.
6- تقديم نصائح وأدوات لمصممي مواقع الأنترنت.
7- توفير أدوات التصميم لكل المصممين.
كما نعرض مواضيع متنوعة من فيديوهات تعليمية للمبتدئين وألبوم صور لآخر المنتوجات التي توصلت إليها التكنولوجيا الحديثة.

جميع حقوق الطبع والنشر محفوظة لمنتدى التكويد العربي


w w w . t a c w e d . com

تصميم وتكويد الرسام

شاطر | اذا تحب تساعدنا ما ياخذ من وقتك ثواني، إذا دخلت أي موضوع في المحبين فقط إضغط زر المشاركة من اليسار و شارك الموضوع بمواقع التواصل الإجتماعي