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:41 pm ]




اعلان مثل رسالة الماسنجر يختفي بعد الوقت الذي تحدده

سوف تختفي الصورة بعد ثمانية ثوان 


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

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

الكود:
<div id="watermarklogo" style="position:absolute;"></div>
<script src="staticlogo.js"></script>
2- حمل هذا الملف الذي يحتوي على ملف يدعى staticlogo.js افتحه و عدل به للذي يناسبك

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


ثلاثة بنرات تتبدل بشكل جميل

المدة الفاصلة بين كل صورة هي 5 ثوان بامكانك تغيرها 



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

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


الكود:
<table width="470" height="90" dir="ltr"><tr><td>
<script>

var slideurl=new Array()
var slidecomment=new Array()
var slidelink=new Array()
var slidetarget=new Array()

///////////////////////////////////////////////////////////////////////////
// EDIT-ZONE STARTS HERE  // BY : WWW.STAR28.COM
//////////////////////////////////////////////////////////////////////////

// Set the URLs of your slides (images) // مسار الصور
slideurl[0]="b1.png"
slideurl[1]="b2.png"
slideurl[2]="b3.png"

// Add a link for each slide //
// If you don't want to link a slide type "#" instead (see middle-sample below)
// روابط البنرات على الترتيب
slidelink[0]="http://www.star28.com"
slidelink[1]="http://www.ttt4.com"
slidelink[2]="http://vb.star28.net"

// Add a target for each link
// Allowed values are: "_blank", "_top", "_parent", "_self" or the name of a frame
slidetarget[0]="_blank"
slidetarget[1]="_blank"
slidetarget[2]="_blank"

// Add a comment for each slide // الوصف
slidecomment[0]="وصف البانر رقم  - 1 -"
slidecomment[1]="وصف البانر رقم  - 2 - "
slidecomment[2]="وصف البانر رقم  - 3 -"

// Set the font for the comments
var slidefont="TAHOMA" // نوع الخط

// Set the fontcolor for the comments
var slidefontcolor="black" // لون الخط

// Set the fontsize for the comments (HTML-values ranging form 1 - 6)
var slidefontsize=2 // حجم الخط

// Set the width of the pictures (pixels)
var slidewidth=468 // عرض الصورة بالبكسل

// Set the height of the pictures (pixels)
var slideheight=60 // طول الصورة بالبكسل

// Set the pause between the pictures (seconds)
var pause=5 // المدة الفاصلة بين كل صورة

///////////////////////////////////////////////////////////////////////////
// EDIT-ZONE ENDS HERE
//////////////////////////////////////////////////////////////////////////

var preloadedimages=new Array()
for (i=0;i<slideurl.length;i++){
 preloadedimages[i]=new Image()
 preloadedimages[i].src=slideurl[i]
}

var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0
var ie=document.all?1:0

var imgpreload=new Array()
for (i=0;i<=slideurl.length-1;i++) {
 imgpreload[i]=new Image()
 imgpreload[i].src=slideurl[i]
}

var pos_left=0
var pos_top=0
var speed=20
var step=10
var i_loop=0
var i_image1=0
var i_image2=1
var i_space=""
var all_space=""
var max_space=20
var content=""
var i_slide=0
pause*=1000

function stretchimage() {
 if (i_loop<=slidewidth) {
 if (ie) {
 imgcontainer1.innerHTML="<a href='"+slidelink[i_image1]+"' target='"+slidetarget[i_image1]+"'><img width='"+i_loop+"' height='"+slideheight+"' src='"+slideurl[i_image1]+"' border='0'></a>"
 document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft+i_loop
 
imgcontainer2.innerHTML="<a href='"+slidelink[i_image2]+"' target='"+slidetarget[i_image2]+"'><img width='"+(slidewidth-i_loop)+"' height='"+slideheight+"' src='"+slideurl[i_image2]+"' border='0'></a>"
 }
 if (ns6) {
 document.getElementById('imgcontainer1').innerHTML="<a href='"+slidelink[i_image1]+"' target='"+slidetarget[i_image1]+"'><img width='"+i_loop+"' height='"+slideheight+"' src='"+slideurl[i_image1]+"' border='0'></a>"
 document.getElementById('imgcontainer2').style.left=parseInt(document.getElementById('imgcontainer1').style.left)+i_loop
 
document.getElementById('imgcontainer2').innerHTML="<a href='"+slidelink[i_image2]+"' target='"+slidetarget[i_image2]+"'><img width='"+(slidewidth-i_loop)+"' height='"+slideheight+"' src='"+slideurl[i_image2]+"' border='0'></a>"
 }
 i_loop=i_loop+step
 var timer=setTimeout("stretchimage()",speed)
   }
 else {
 clearTimeout(timer)
 var imgcontent="<a href='"+slidelink[i_image1]+"' target='"+slidetarget[i_image1]+"'><img width='"+i_loop+"' height='"+slideheight+"' src='"+slideurl[i_image1]+"' border='0'></a><br><center><font face='"+slidefont+"' size="+slidefontsize+" color='"+slidefontcolor+"'>"+slidecomment[i_image1]+"</font></center>"
 if (ie) {
 imgcontainer1.innerHTML=imgcontent
 document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft+i_loop
imgcontainer2.innerHTML=""
 }
 if (ns6) {
 document.getElementById('imgcontainer1').innerHTML=imgcontent
 document.getElementById('imgcontainer2').style.left=parseInt(document.getElementById('imgcontainer1').style.left)+i_loop
document.getElementById('imgcontainer2').innerHTML=""
 
}
 changeimage()
 }
}

function changeimage() {
 i_loop=0
 i_image1++
 if (i_image1>slideurl.length-1) {i_image1=0}
 i_image2=i_image1-1
 if (i_image2>slideurl.length-1) {i_image2=0}
 if (i_image2<0) {i_image2=slideurl.length-1}
 if (ie) {
 document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft
 }
 if (ns6) {
 document.getElementById('imgcontainer2').style.left=parseInt(document.getElementById('imgcontainer2').style.left)
 }
   var timer=setTimeout("stretchimage()",pause)
}


function simpleslideshow() {
 i_slide++
 if (i_slide>=slideurl.length) {i_slide=0}
 document.slideimage.src=preloadedimages[i_slide].src
 simpleslideshowcomment()
 var fadetimer=setTimeout("simpleslideshow()",pause)
}

function simpleslideshowcomment() {
 if (i_space>=0){
 all_space=""
 content=""
 for (i=0;i<i_space;i++) {
 all_space+=" "
 }
 for (i=0;i<slidecomment[i_slide].length;i++) {
 var thisletter=slidecomment[i_slide].substring(i,i+1)
 thisletter=thisletter+all_space
 content+=thisletter
 }
 window.status=content
 i_space--
 var fadetimer=setTimeout("simpleslideshowcomment()",20)
 }
 else {
 clearTimeout(fadetimer)
 i_space=max_space
 }
}

function simpleslideshowjump() {
 if (slidetarget[i_slide]=="_self") {
 document.location.href=slidelink[i_slide]
 }
else if (slidetarget[i_slide]=="_blank") {
 codepopup=window.open(slidelink[i_slide], "code", "status=yes,location=yes,toolbar=yes,menubar=yes,resizable=yes,scrollbars=yes,width=780,height=580,top=10,left=10");
 }
else if (slidetarget[i_slide]=="_top") {
 top.location.href=slidelink[i_slide]
 }

else if (slidetarget[i_slide]=="_parent") {
 parent.location.href=slidelink[i_slide]
 }
else {
 var jumpto=eval("parent."+slidetarget[i_slide])
 jumpto.location.href=slidelink[i_slide]
 }
}

if (ie || ns6) {
 var slideh=slideheight+30
 document.write("<div style=\"position:relative;width:"+slidewidth+"px;height:"+slideh+"px;overflow:hidden\">")
 document.write("<div id=\"imgcontainer1\" style=\"position:absolute;width:"+slidewidth+"px;height:"+slideh+"px;top:0px;left:0px\"><img src=\""+slideurl[0]+"\"></div>")
 document.write("<div id=\"imgcontainer2\" style=\"position:absolute;width:"+slidewidth+"px;height:"+slideh+"px;top:0px;left:0px\"><img src=\""+slideurl[1]+"\"></div>")
 document.write("</div>")
 window.onload=stretchimage
}
else {
 document.write("<a href=\"javascript:simpleslideshowjump()\"><img name=\"slideimage\" src=\""+slideurl[0]+"\" border=0></a>")
 window.onload=simpleslideshow
}
</script>
</td></tr></table>

ثلاثة صور تظهر بالتناوب - يمكن زيادة عددها و التحكم بسرعة ظهورها



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


الكود:
  <script language="JavaScript1.2">

/*
Blending Image Slide Show Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
* Visit http://www.star28.com/ for more code
* Translated By http://www.star28.com/
*/
function reapply(){
setTimeout("slideit()",2000);
return true;
}
window.onerror=reapply;
</script>
<script language="JavaScript1.1">
<!--
var image1=new Image();
image1.src="1.gif";        // ضع هنا عنوان الصورة الأولى
var image2=new Image();    
image2.src="2.gif";        // عنوان الصورة الثانية
var image3=new Image();
image3.src="3.gif";        // عنوان الصورة الثالثة
//-->
</script>
  
2- أضف هذا الكود ضمن الوسم BODY لتصبح هكذا

الكود:
  <body onLoad="slideit()">
3- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY و لا تنسى تعديل الروابط

الكود:
<a href="javascript:slidelink()" onMouseover="window.status='اضغط على الصورة';return true" onMouseout="window.status=''">
<img src="firstimage.gif" name="slide" border=0 style="filter:blendTrans(duration=3)"></a>
<script>
<!--
////change number of images below // يمكنك تغيير عدد الصور و لا تنسى تعديل السطور التي في الرأس و الروابط
var number_of_images=3;
//change speed below (in seconds) //  يمكنك تغيير السرعة أيضاً
var speed=4;        // الفارق بين كل صورة بالثواني
var step=1;
var whichimage=1;
function slideit(){
if (!document.images)
return;
if (document.all)
slide.filters.blendTrans.apply();
document.images.slide.src=eval("image"+step+".src");
if (document.all)
slide.filters.blendTrans.play();
whichimage=step;
if (step<number_of_images)
step++;
else
step=1;
if (document.all)
setTimeout("slideit()",speed*1000+3000);
else
setTimeout("slideit()",speed*1000);
}
function slidelink(){
if (whichimage==1)
window.location="http://www.google.com";  // غير للذي يناسب الصورة الأولى
else if (whichimage==2)
window.location="http://www.msn.com";     // غير للذي يناسب الصورة الثانية
else if (whichimage==3)
window.location="http://www.yahoo.com";   // غير للذي يناسب الصورة الثالثة
}
//-->
</script>
 
صورة تظهر بالتدريج عند فتح الصفحة
حدث الصفحة و شاهد كيف تظهر



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


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

/* Visit http://www.star28.com/ for more code
*/
<!-- begin script
function netie(net, ie) {
  if ((navigator.appVersion.substring(0,3) >= net && navigator.appName == 'Netscape' && net != -1) || (navigator.appVersion.substring(0,3) >= ie && navigator.appName.substring(0,9) == 'Microsoft' && ie != -1))
    return true;
else return false;
}
//  end script -->
</script>
<script language="JavaScript">
<!-- Start script
function loadImage()  {
  imageEffect.filters.item(0).Apply();
  imageEffect.style.visibility = "visible";
  imageEffect.filters.item(0).Play();
}
//  End script -->
</script>
  
2- أضف هذا الكود ضمن الوسم BODY لتصبح هكذا

الكود:
 <BODY onLoad="netie(-1,4)?loadImage():null">
3- انسخ هذا الكود و ضعه بعد body و غير للذي يناسبك

الكود:
<div id="imageEffect" STYLE="position:relative;height:28; width:260; background-color:none; filter:revealTrans(Duration=4, Transition=1); visibility:hidden">
<img src="SSSS.gif" style="net(-1,4)?position:relative:null; width:100%; height:100%" width="320" height="240">
</div>
 
صورة يستطيع تحريكها الزائر الى اليمين و اليسار

استعمل A لتحريك الصورة الى اليسار, D لتحريكها الى اليمين.

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

1- ضع هذا الكود في الرأس HEAD

الكود:
<!-- Original:  Massimo Giari (motore@iol.it) -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<script language="JavaScript">

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

<!-- Begin
 var ieKey, nKey;
n = (document.layers) ? 1 : 0;
ie = (document.all) ? 1 : 0;
function moveImage() {
if (n) {
block = document.blockDiv;
}
if (ie) {
block = blockDiv.style;
}
block.xpos = parseInt(block.left);
block.active = 0;
document.onkeydown = keyDown;
document.onkeyup = keyUp;
if (n) {
document.captureEvents(Event.keydown | Event.keyup);
  }
}
function keyDown(e) {
if (n) {
nKey = e.which;
ieKey = 0;
}
if (ie) {
ieKey = event.keyCode;
nKey = 0;
}
if ((nKey == 97 || ieKey == 65) && !block.active) {  
block.active = 1;
slideLeft();
}
if ((nKey == 100 || ieKey == 68) && !block.active) {  
block.active = 1;
slideRight();
   }
}
function keyUp(e) {
if (n) {
nKey = e.which;
ieKey = 0;
}
if (ie) {
ieKey = event.keyCode;
nKey = 0;
}
if ((nKey == 97 || ieKey == 65 || nKey == 100 || ieKey == 68))
block.active = 0;
}
function slideRight() {
if (block.active) {
block.xpos += 5;
block.left = block.xpos;
status = block.xpos;
setTimeout("slideRight()", 25);
   }
}
function slideLeft() {
if (block.active) {
block.xpos -= 5;
block.left = block.xpos;
status = block.xpos;
setTimeout("slideLeft()", 25);
   }
}
//  End -->
</script>
  <div id="blockDiv" STYLE="position:absolute; left:180px; top:110px; width:260px; height:28px">
<img src="SSSS.gif"></div>

 
2- أضف هذا الكود ضمن الوسم BODY لتصبح هكذا

الكود:
<body onLoad="moveImage()">
صورة تتحرك من أسفل الى أعلى الشاشة و بالعكس

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

1- ضع هذا الكود في الرأس HEAD

الكود:
<div id="point1" style="position:absolute;visibility:visible;">
<img src="SSSS.gif" width="260" height="28" border="0">
</div>

<script language="JavaScript">
<!-- Begin
// Original:  Bruce W.Anderson (appletlib@about.com)
// Web Site:  http://appletlib.tripod.com/dhtml/elevator.html

// This script and many more are available free online at
// The JavaScript Source!! http://javascript.internet.com

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

var xPos = 20;
var step = 1;
var delay = 30;
var yPos = 0;
var height = 0;
var offset = 0;
var yon = 0;
var name = navigator.appName;
if (name == "Microsoft Internet Explorer") {
yPos = document.body.clientHeight;
point1.style.top = yPos;
}
else {
yPos = window.innerHeight;
document.point1.pageY = yPos;
document.point1.visibility = "hidden";
}
function changePos() {
if (yon == 0) {
yPos = yPos - step;
}
else {
yPos = yPos + step;
}
if (name == "Microsoft Internet Explorer") {
height = document.body.clientHeight;
offset = point1.offsetHeight;
}
else {
height = window.innerHeight;
offset = document.point1.clip.height;
}  
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - offset)) {
yon = 0;
yPos = (height - offset);
}
if (name == "Microsoft Internet Explorer") {
point1.style.left = xPos;
point1.style.top = yPos + document.body.scrollTop;
}
else {
document.point1.pageX = xPos;
document.point1.pageY = yPos + window.pageYOffset;
   }
}
function start()
{
if (name != "Microsoft Internet Explorer") {
document.point1.visibility = "visible";
}
loopfunc();
}
function loopfunc()
{
changePos();
setTimeout('loopfunc()',delay);
}
//  End -->
</script>
 
2- أضف هذا الكود ضمن الوسم BODY لتصبح هكذا

الكود:
<body onLoad="start()">
صورة معتمة تظهر بشكل و اضح عند و ضع مؤشر الماوس عليها
طريقة التركيب

1- ضع هذا الكود في الرأس HEAD

الكود:
<script language="JavaScript1.2">

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

function high(which2){
theobject=which2;
highlighting=setInterval("highlightit(theobject)",50);
}
function low(which2){
clearInterval(highlighting);
which2.filters.alpha.opacity=20;
}

function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5;
else if (window.highlighting)
clearInterval(highlighting);
}

</script>
 
2- ضع الكود بعد BODY و غير للذي يناسبك

الكود:
 <a href="http://www.star28.com"><img alt="دليل العرب الشامل" src="SSSS.gif" border="0"
 style="filter:alpha(opacity=40)" onMouseover="high(this)"
 onMouseout="low(this)"></a>
صورة تتحرك الى أعلى و أسفل الشاشة و تقف عند الضغط عليها 

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

انسخ كاملاً و ضعه بعد الوسم BODY و عدل للذي يناسبك

الكود:
<div id="img" style="position:absolute;">
<img src="SSSS.gif" onClick="pause_resume();" alt="دليل العرب الشامل">
</div>

<script language="JavaScript">
// Original:  Justin Arruda (JArruda@mindspring.com)
// This script and many more are available free online at
// The JavaScript Source!! http://javascript.internet.com
//* Visit http://www.star28.com/ for more code

var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos - step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
   }
}
function start() {
img.visibility = "visible";
interval = setInterval('changePos()', delay);
}
function pause_resume() {
if(pause) {
clearInterval(interval);
pause = false;
}
else {
interval = setInterval('changePos()',delay);
pause = true;
   }
}
start();
</script>
 
صورة تهبط الى الشاشة مثل الكرة

إضغط في أي مكان ليعمل السكربت






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

1- ضع هذا الكود في الرأس HEAD

الكود:
<script language="JavaScript1.2">
// Original:  Dragos Saracu (smardoi@yahoo.com)
// Cross Browser by:  Bob Simpson (webmaster@maryjanebrown.net)
// Contributor URL:  http://www.maryjanebrown.net/webmaster

// This script and many more are available free online at
// The JavaScript Source!! http://javascript.internet.com
/* Visit http://www.star28.com/ for more code */

function BrowserCheck() {
var b = navigator.appName;
if (b == "Netscape") this.b = "NS";
else if (b == "Microsoft Internet Explorer") this.b = "IE";
else this.b = b;
this.v = parseInt(navigator.appVersion);
this.NS = (this.b == "NS" && this.v>=4);
this.NS4 = (this.b == "NS" && this.v == 4);
this.NS5 = (this.b == "NS" && this.v == 5);
this.IE = (this.b == "IE" && this.v>=4);
this.IE4 = (navigator.userAgent.indexOf('MSIE 4')>0);
this.IE5 = (navigator.userAgent.indexOf('MSIE 5')>0);
if (this.IE5 || this.NS5) this.VER5 = true;
if (this.IE4 || this.NS4) this.VER4 = true;
this.OLD = (! this.VER5 && ! this.VER4) ? true : false;
this.min = (this.NS||this.IE);
}
is = new BrowserCheck();
</script>
2- أضف هذا الكود بعد الوسم BODY و عدل للذي يناسبك

الكود:
<div align="center" id="staticBall" style="position:relative;visibility:visible">
 <img src="2.gif" height="35" width="160" alt="كرة ثابتة">
 </div>
 
<div id="ball" style="visibility:hidden; position:absolute; left:100; top:10; height:34; width:34">
 <img src="2.gif" height="35" width="160" alt="كرة متحركة">
 </div>
 
<script language="Javascript1.2">
 <!-- Begin
 iter = 0;
 setId = 0;
 down = true;
 up = false;
 bouncingBall = (is.VER5) ? document.getElementById("ball").style
 : (is.NS) ? document.layers["ball"]
 : document.all["ball"].style;
 stillBall = (is.VER5) ? document.getElementById("staticBall").style
 : (is.NS) ? document.layers["staticBall"] : document.all["staticBall"].style;
 winH = (is.NS) ? window.innerHeight - 55 : document.body.offsetHeight - 55;
 document.onmouseup = buttonUp;
 if (is.NS4)
 document.captureEvents(Event.MOUSEUP);
 function buttonUp(e) {
 if ( ((is.NS) ? e.which : event.button) != 1) return true;
 if (setId != 0) clearInterval(setId);
 bouncingBall.visibility="visible";
 stillBall.visibility="hidden";
 bouncingBall.left = (is.NS) ? e.pageX - 15 : event.offsetX - 15;
 bouncingBall.top = (is.NS) ? e.pageY - 15 : event.offsetY - 15;
 iter = 0;
 setId = setInterval("generateGravity()", 20);
 return true;
 }
 function generateGravity() {
 if ((parseInt(bouncingBall.top)+iter < winH) && down) {
 bouncingBall.top = parseInt(bouncingBall.top) + iter;
 iter++;
 return;
 }
 else {
 if ((parseInt(bouncingBall.top)< winH) && down) {
 bouncingBall.top = winH + 5;
 return;
 }
 down = false;
 up = true;
 if (iter < 0 && parseInt(bouncingBall.top) > winH) {
 clearInterval(setId);
 bouncingBall.visibility = "hidden";
 stillBall.visibility="visible";
 setId = 0;
 }
 if (parseInt(bouncingBall.top) > 0 && up && iter >= 0) {
 bouncingBall.top = parseInt(bouncingBall.top) - iter;
 iter--;
 if (iter%3 == 0) iter--;
 return;
 }
 down = true;
 up = false;
    }
 }
 // End -->
 </script>
شريط متحرك للصور بشكل أفقي
ضع مؤشر الماوس على اي صورة لتقف





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

انسخ كاملاً و ضعه بعد الوسم BODY و عدل للذي يناسبك


الكود:
<div align="center" dir="ltr"><script language="JavaScript1.2">
<!--

/*
Conveyor belt slideshow script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
* Translated By http://www.star28.com/
* This notice must stay intact for use
* Visit http://www.star28.com/ for more code */



//Specify the slider's width (in pixels)
var sliderwidth=200;  // عرض المستطيل بالبكسل
//Specify the slider's height (in pixels, pertains only to NS)
var sliderheight=145;
//Specify the slider's scroll speed (larger is faster)
var slidespeed=4;     //  يمكنك تغيير السرعة أيضاً

//Specify the slider's images
var leftrightslide=new Array();
var finalslide='';
leftrightslide[0]='<a href="http://www.star28.com"><img src="036.gif" border=0></a>'; // عدل لعنوان الصورة و الرابط الذي يناسبك
leftrightslide[1]='<a href="http://www.star28.com""><img src="103.gif" border=0></a>';
leftrightslide[2]='<a href="http://www.star28.com""><img src="105.gif" border=0></a>';
leftrightslide[3]='<a href="http://www.star28.com""><img src="131.gif" border=0></a>';
leftrightslide[4]='<a href="http://www.star28.com""><img src="216.gif" border=0></a>';

///////do NOT edit pass this line////////////////////////////////////

var copyspeed=slidespeed;
//copy contents of leftrightslide into one variable
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide[i]+"  ";


if (document.all){
//dynamically write out the marquee tag
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>');
//stop marquee when mouse is over it
ieslider.onmouseover=new Function("ieslider.scrollAmount=0");
//re-enable marquee when mouse is out
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed");
}

function regenerate(){
window.location.reload();
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show";
setTimeout("window.onresize=regenerate",450);
intializeleftrightslide();
}
if (document.all)
ieslider.scrollAmount=slidespeed;
}

//NS specific function for initializing slider upon page load
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>');
document. ns_slider01.document.ns_slider02.document.close();
thelength=document.ns_slider01.document.ns_slider02.document.width;
scrollslide();
}

//NS specific function for sliding slideshow
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed;
setTimeout("scrollslide()",100);
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth;
scrollslide();
}
}
window.onload=regenerate2;

//-->
</script>


<ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>
<layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed"></layer>
</ilayer></div>
 
اختر أي صورة لتظه

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

انسخ كاملاً و ضعه بعد الوسم BODY و عدل للذي يناسبك

الكود:
<form name="dynamicselector">
<table border="0" width="250" cellspacing="0" cellpadding="0" height="60">
<tr>
<td width="35%" valign="top" align="left">
<select name="dynamicselector2" size="1" onChange="generateimage(this.options[this.selectedIndex].value)">
<option value="" selected>اختر الصورة</option>
<option value="036.gif">صورة رقم 1</option>
<option value="103.gif">صورة رقم 2</option>
<option value="105.gif">صورة رقم 3</option>
<option value="131.gif">صورة رقم 4</option>
<option value="216.gif">صورة رقم 5</option>
</select>
<script>

/*
Dynamic Image selector Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

function generateimage(which){
if (document.all){
dynamic3.innerHTML='<center>Loading image...</center>';
dynamic3.innerHTML='<img src="'+which+'">';
}
else if (document.layers){
document.dynamic1.document.dynamic2.document.write('<img src="'+which+'">');
document.dynamic1.document.dynamic2.document.close();
}
else
alert('You need NS 4 or IE 4 to view the images!');
}
</script>
</td>
<td width="65%" valign="top" align="left"><ilayer id="dynamic1" width="100%" height="178"><layer id="dynamic2" width="100%" height="178"><div id="dynamic3"></div></layer></ilayer></td>
</tr>
</table>
</form>
 
صورة تظهر و تختفي حسب المدة و المكان الذي تحدده
سوف تختفي الصورة بعد 20 ثانية
حدث الصفحة لتراها مرة أخرى

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

انسخ و ضع الكود بعد BODY و الشرح موجود في الكود

الكود:
<div dir="ltr"><script>



///////////////////////////////////////////////////////////////////
/*Site Logo Script (Geocities Watermark)
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of Use
// تفضل بزيارة دليل العرب الشامل لمزيد من الأكواد    //////////////////
//  www.star28.com                                               */
///////////////////////////////////////////////////////////////////

// اتبع هذه الخطوات

// 1) حدد المسافة بين الصورة و حدود الشاشة , 500 تعني العرض و 320 الطول
if (document.images)
var staticlogo=new Image(500,320);

// 2) ضع عنوان الصورة
staticlogo.src="SSSS.gif";

// 3) ضع العنوان الذي تريده عند الضغط على الصورة
var logolink="http://www.star28.com";

// 4) غير وصف الصورة الذي يظهر عند ترك الماوس عليها
var alttext="دليل العرب الشامل";

// 5) set below to either "1" or "0" ("1" fades the logo into view) Note: IE 4 specific
var fadeintoview=1;

/* 6) المدة المحددة لاختفاء الصورة بالثواني
*/
var visibleduration=20;


/////////////////////////// لا تغير شي هون الا اذا كنت عارف شو تساوي/////////////////////////
function regenerate(){
window.location.reload();
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400);
}


var fadeset='';
if (fadeintoview)
fadeset="filter:alpha(opacity=0)";

if (document.all)
document.write('<span id="logo" style="'+fadeset+';position:absolute;top:100;width:'+staticlogo.width+';height:'+staticlogo.height+'"></span>');

function bringintoview(){
if (logo.filters.alpha.opacity<=95)
logo.filters.alpha.opacity+=5;
else{
clearInterval(viewit);
if (visibleduration!=0);
setTimeout("logo.style.visibility='hidden'",visibleduration*1000);
}
}


function createlogo(){
staticimage=new Layer(100);
staticimage.left=-300;
staticimage.top=120;
staticimage.document.write('<a href="'+logolink+'"><img src="'+staticlogo.src+'" border=0 alt="'+alttext+'"></a>');
staticimage.document.close();
staticimage.visibility="show";
regenerate2();
staticitns();
}

if (document.layers)
window.onload=createlogo;

if (document.all){
w=document.body.clientWidth-logo.style.pixelWidth-5;
h=document.body.clientHeight-logo.style.pixelHeight-5;
logo.style.left=w;
logo.style.top=h;
}

function logoit(){
var w2=document.body.scrollLeft+w;
var h2=document.body.scrollTop+h;
logo.style.left=w2;
logo.style.top=h2;
}
function logoit2(){
staticimage.left=pageXOffset+window.innerWidth-staticimage.document.width-15;
staticimage.top=pageYOffset+window.innerHeight-staticimage.document.height;
}

function insertimage(){
logo.innerHTML='<a href="'+logolink+'"><img src="'+staticlogo.src+'" border=0 alt="'+alttext+'"></a>';
if (fadeintoview)
viewit=setInterval("bringintoview()",100);
else{
if (visibleduration!=0)
setTimeout("logo.style.visibility='hidden'",visibleduration*1000);
}
}

if (document.all){
window.onscroll=logoit;
window.onresize=new Function("window.location.reload()");
window.onload=insertimage;
}


function staticitns(){
setInterval("logoit2()",90);
if (visibleduration!=0)
setTimeout("staticimage.visibility='hide'",visibleduration*1000);
}



</script></div>
 
صورة صغيرة تكبر بالنقرعليها
انقر على الصورة لتكبر




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

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

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

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

<!-- Begin
function MYFOTO (img){
  foto1= new Image();
  foto1.src=(img);
  Controlla(img);
}
function Controlla(img){
  if((foto1.width!=0)&&(foto1.height!=0)){
    viewFoto(img);
  }
  else{
    funzione="Controlla('"+img+"')";
    intervallo=setTimeout(funzione,20);
  }
}
function viewFoto(img){
  largh=foto1.width+20;
  altez=foto1.height+20;
  stringa="width="+largh+",height="+altez;
  finestra=window.open(img,"",stringa);
}
//  End -->
</script>
 
2- انسخ و ضع الكود بعد BODY و عدل في الروابط

الكود:
<A href="javascript:MYFOTO('رابط الصورة الكبيرة')">
<IMG src="رابط الصورة الصغيرة" border="0" width="100" height="70"></A>
 





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


_________________



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

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




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


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

رقم المشاركة : ( 3 )
avatar
عضو مبتديء
 
عدد المساهمات : 49
تاريخ التسجيل : 13/12/2013
مُساهمة_da3m_20

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




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


توقيع : يسرى هبة

رقم المشاركة : ( 4 )
عضو ماسي
 
عدد المساهمات : 341
تاريخ التسجيل : 19/12/2013
العمر : 28
الموقع : http://ahla-masry.0wn0.com/
مُساهمة_da3m_20

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




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


توقيع : احمد السويسي

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

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




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


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

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

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




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


توقيع : زائر

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

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




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


توقيع : kInG NeMo

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

كُتب : [ السبت ديسمبر 28, 2013 12:06 am ]




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


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


_________________



رقم المشاركة : ( 9 )
عضو ماسي
 
عدد المساهمات : 261
تاريخ التسجيل : 09/11/2013
مُساهمة_da3m_12

كُتب : [ الأحد ديسمبر 29, 2013 6:52 pm ]




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


توقيع : alfahloy



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

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

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


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

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

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