هاك product صورة شفافة تتحرك في محيط الصفحة مثل المودة

[romaissa]

http://www.dzbatna.com/images/icons/icon30.gif ظ‡ط§ظƒ طµظˆط±ط© ط´ظپط§ظپط© طھطھط*ط±ظƒ ظپظٹ ظ…ط*ظٹط· ط§ظ„طµظپط*ط© ظ…ط«ظ„ ط§ظ„ظ…ظˆط¯ط© (http://www.dzbatna.com/t1223135/)



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

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

نقره هنا للتجربة (http://www.mwadah.com/pict/testmove.htm)

التركيب 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 (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 ( (http://www.cloudflare.com/email-protection)[/EMAIL&quot;][email protected] (http://www.cloudflare.com/email-protection)&quot;][email protected] (http://www.cloudflare.com/email-protection)) --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com[/URL (http://&#91;url]http://javascript.internet.com/)] --> <!-- 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/







ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©