ظ‡ط§ظƒ طµظˆط±ط© ط´ظپط§ظپط© طھطھط*ط±ظƒ ظپظٹ ظ…ط*ظٹط· ط§ظ„طµظپط*ط© ظ…ط«ظ„ ط§ظ„ظ…ظˆط¯ط©


السلام عليكم ورحمة الله وبركاته

لعرض صورة شفافة أو عادية تتحرك في حدود الصفحة كما في المودة حاليا واذا لم تكن موجودة في المودة حاليا كمثال يمكن تجربتها من هنا :

نقره هنا للتجربة

التركيب install :




(1) تجهيز الصورة كما تحب وارفعها لأي مكان في منتداك .

(2) نسخ الكود code التالي ولصقه في آخر قالب template الهيدر header header مع تعديل رابط الصورة في بداية الكود code والرابط المطلوب عرضه عند النقر على الصورة .

(3) لعمل صورة شفافة استخدم صورة من نوع png وفي برنامج تحرير الصور اجعل شفافيتها 1 أو 2 ثم حفظ .

رمز Code:
<!-- هاك product خاص ـ صورة تتحرك في خلفية الصفحة --> <div id=&quot;img&quot; style=&quot;position:absolute;&quot;> <img src=&quot;http://www.mwadah.com/pict/mwamove.png&quot; onclick=&quot;window.open('http://www.mwadah.com/private.php?do=newpm&u=1', '_blank')&quot;> </div> <SCRIPT LANGUAGE=&quot;JavaScript&quot;> <!-- Original: Justin Arruda ([email protected][/EMAIL&quot;][email protected]&quot;][email protected][/EMAIL]) --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com[/URL] --> <!-- Begin 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; var name = navigator.appName; if(name == &quot;Microsoft Internet Explorer&quot name = true; else name = false; var xPos = 20; if(name) var yPos = document.body.clientHeight; else var yPos = window.innerHeight; function changePos() { if(name) { 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; } else { height = window.innerHeight; width = window.innerWidth; Hoffset = document.img.clip.height; Woffset = document.img.clip.width; document.img.pageY = yPos + window.pageYOffset; document.img.pageX = xPos + window.pageXOffset; } 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() { if(name) img.visibility = &quot;visible&quot;; else document.img.visibility = &quot;visible&quot;; interval = setInterval('changePos()',delay); } function pauseResume() { if(pause) { clearInterval(interval); pause = false; } else { interval = setInterval('changePos()',delay); pause = true; } } start(); // End --> </script> <!-- هاك product خاص ـ صورة تتحرك في خلفية الصفحة -->
وفي النهاية منقول من المودة
http://www.mwadah.com/t133541/








©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©