مجموعة اكواد للصور و الإعلانات Ads468x60
العودة

تحت الأضواء



أهلا وسهلا بك إلى منتديات جيل التطوير.

يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.


مجموعة اكواد للصور و الإعلانات Ezlb9t10
مجموعة اكواد للصور و الإعلانات Ezlb9t10



 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  


آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
موقع النور والظلمة
معهد نجوم اف ام - Nogoum Fm Institute
طلب رجوع للفريق
أمانة في أعناق جميع المسؤولين ..
[هام] : مطلوب طاقم اشراف للمنتدى بمقابل مادي
شوربة البطاطس بالكريمة والمشروم
صينية البطاطس المشوية بالجبن الموزاريلا
خلطة توابل "السبع بهارات"
صينية المعكرونة بالبشاميل لايت
صينية البطاطس البوريه بالدجاج والمشروم
السبت ديسمبر 30, 2017 11:49 am
الأربعاء أكتوبر 07, 2015 7:33 am
الأحد ديسمبر 07, 2014 5:39 am
الأحد ديسمبر 07, 2014 5:26 am
الأحد نوفمبر 30, 2014 7:10 am
الثلاثاء نوفمبر 11, 2014 9:28 pm
الثلاثاء نوفمبر 11, 2014 9:25 pm
الثلاثاء نوفمبر 11, 2014 9:25 pm
الثلاثاء نوفمبر 11, 2014 9:23 pm
الثلاثاء نوفمبر 11, 2014 9:22 pm











شاطر|
 
بيانات كاتب الموضوع
مجموعة اكواد للصور و الإعلانات
المعلومات
الكاتب:
اللقب:
عضو V.i.P
الرتبه:
عضو V.i.P
الصورة الرمزية
 
الرسام

البيانات
الجنس الجنس : ذكر
مشآرڪآتي مشآرڪآتي : 817
 نقآطيّ ›› * نقآطيّ ›› * : 2301
السٌّمعَة السٌّمعَة : 0
الانظمام الانظمام : 29/10/2013
العمر العمر : 36
•احترام قوانين المنتدى•| •احترام قوانين المنتدى•| : 100%
 
 

 

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:

 

موضوع: مجموعة اكواد للصور و الإعلانات مجموعة اكواد للصور و الإعلانات Emptyالسبت نوفمبر 02, 2013 10:46 pm






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

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


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

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

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

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


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

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


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

انسخ هذا الكود و ضعه في منطقة 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>

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

مجموعة اكواد للصور و الإعلانات 3

طريقة التركيب
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>
 
صورة تهبط الى الشاشة مثل الكرة

إضغط في أي مكان ليعمل السكربت
مجموعة اكواد للصور و الإعلانات 2





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

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>
 
صورة صغيرة تكبر بالنقرعليها
انقر على الصورة لتكبر

مجموعة اكواد للصور و الإعلانات Tiger


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

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>
 


















 الموضوع الأصلي : مجموعة اكواد للصور و الإعلانات //   المصدر : منتديات جيل التطوير // الكاتب: الرسام



الرسام ; توقيع العضو



المعلومات
الكاتب:
اللقب:
عضو نشيط
الرتبه:
عضو نشيط
الصورة الرمزية
 
بسسَآممْ

البيانات
الجنس الجنس : ذكر
مشآرڪآتي مشآرڪآتي : 218
 نقآطيّ ›› * نقآطيّ ›› * : 242
السٌّمعَة السٌّمعَة : 6
الانظمام الانظمام : 28/10/2013
العمر العمر : 35
 
 

 

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:

 

موضوع: رد: مجموعة اكواد للصور و الإعلانات مجموعة اكواد للصور و الإعلانات Emptyالأحد نوفمبر 10, 2013 8:48 pm






أإسـ عٍ ـد الله أإأوٍقـآتَكُـم بكُـل خَ ـيرٍ

دآإئمـاَ تَـبهَـرٍوٍنآآ بَمَ ـوٍآضيعكـ

أإلتي تَفُـوٍح مِنهآ عَ ـطرٍ أإلآبدآع وٍأإلـتَمـيُزٍ

لك الشكر من كل قلبى
















 الموضوع الأصلي : مجموعة اكواد للصور و الإعلانات //   المصدر : منتديات جيل التطوير // الكاتب: بسسَآممْ



بسسَآممْ ; توقيع العضو



المعلومات
الكاتب:
اللقب:
عضو جديد
الرتبه:
عضو جديد
الصورة الرمزية
 
avatar

البيانات
الجنس الجنس : ذكر
مشآرڪآتي مشآرڪآتي : 51
 نقآطيّ ›› * نقآطيّ ›› * : 63
السٌّمعَة السٌّمعَة : 0
الانظمام الانظمام : 06/11/2013
العمر العمر : 31
•احترام قوانين المنتدى•| •احترام قوانين المنتدى•| : 100%
 
 

 

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:

 

موضوع: رد: مجموعة اكواد للصور و الإعلانات مجموعة اكواد للصور و الإعلانات Emptyالأحد نوفمبر 10, 2013 11:57 pm






جزاك الله خيرا















 الموضوع الأصلي : مجموعة اكواد للصور و الإعلانات //   المصدر : منتديات جيل التطوير // الكاتب: boy Pirate



boy Pirate ; توقيع العضو



المعلومات
الكاتب:
اللقب:
عضو نشيط
الرتبه:
عضو نشيط
الصورة الرمزية
 
M.R DESIGN

البيانات
الجنس الجنس : ذكر
مشآرڪآتي مشآرڪآتي : 244
 نقآطيّ ›› * نقآطيّ ›› * : 260
السٌّمعَة السٌّمعَة : 0
الانظمام الانظمام : 05/11/2013
العمر العمر : 37
•احترام قوانين المنتدى•| •احترام قوانين المنتدى•| : 100%
 
 

 

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:

 

موضوع: رد: مجموعة اكواد للصور و الإعلانات مجموعة اكواد للصور و الإعلانات Emptyالسبت يناير 11, 2014 2:43 am






الف شكر على الكود
















 الموضوع الأصلي : مجموعة اكواد للصور و الإعلانات //   المصدر : منتديات جيل التطوير // الكاتب: M.R DESIGN



M.R DESIGN ; توقيع العضو



مجموعة اكواد للصور و الإعلانات

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة

مواضيع مماثلة

-
» مجموعة اكواد النوافذ التلقائية
» مجموعة اكواد شريط المعلومات
» مجموعة اكواد لمؤثرات الماوس
» [slideshow]كود سلايد شو عارض للصور احترافى
» اجمل اكواد Css لجعل منتداك اكثر تنظيما وتنسيقا ..

مواضيع ذات صلة


الكلمات الدليلية (Tags)
http://www.a7larabnet.a7larab.net منتديات جيل التطوير

الــرد الســـريـع
..

هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة
الرد السريع

خــدمات المـوضـوع
 KonuEtiketleri كلمات دليليه
مجموعة اكواد للصور و الإعلانات , مجموعة اكواد للصور و الإعلانات , مجموعة اكواد للصور و الإعلانات ,مجموعة اكواد للصور و الإعلانات ,مجموعة اكواد للصور و الإعلانات , مجموعة اكواد للصور و الإعلانات
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ مجموعة اكواد للصور و الإعلانات ] مخالف ,, من فضلك راسل الإدارة من هنا






الوقت/التاريخ الآن هو السبت نوفمبر 23, 2024 4:07 pm.