المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : صورة شفافة تتحرك في محيط صفحة المنتدى


magdy-f
12-01-2010, 09:27 PM
لعرض صورة شفافة أو عادية تتحرك في حدود الصفحة
كما في المثال

http://mokhles.hostwq.net/vb/index.php


التركيب :
(1) تجهيز الصورة كما تحب وارفعها لأي مكان في منتداك .
(2) نسخ الكود التالي ولصقه في آخر قالب الهيدر
header مع تعديل رابط الصورة في بداية الكود
والرابط المطلوب عرضة عند النقر على الصورة
(3) لعمل صورة شفافة استخدم صورة من نوع png
وفي برنامج تحرير الصور اجعل شفافيتها
1 أو 2
ثم حفظ .

الروابط باللون الاحمر

<!-- هاك خاص ـ صورة تتحرك في خلفية الصفحة -->
<div id="img" style="position:absolute;">
<img src="http://www.emanoeel.com/up//uploads2/images/emanoeel-097cb65039.gif" onclick="window.open('http://popekirillos.net/forums/private.php?do=newpm&u=1', '_blank')">
</div>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Justin Arruda (JArruda@mindspring.com[/EMAIL"]JArruda@mindspring.com"]JArruda@mindspring.com[/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 == "Microsoft Internet Explorer") 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 = "visible";
else document.img.visibility = "visible";
interval = setInterval('changePos()',delay);
}
function pauseResume() {
if(pause) {
clearInterval(interval);
pause = false;
}
else {
interval = setInterval('changePos()',delay);
pause = true;
}
}
start();
// End -->
</script>
<!-- هاك خاص ـ صورة تتحرك في خلفية الصفحة -->

الروابط المطلوب تغيرها
رابط الصورة

http://www.emanoeel.com/up//uploads2/images/emanoeel-097cb65039.gif

ويتم وضع الصورة اللى تعجبك

رابط المنتدى

http://popekirillos.net/forums

يتم وضع رابط موقعك

a7balmase7
13-01-2010, 12:01 AM
هوة اكيد حاجة كويسة
بس نا بصراحة مش فاهمة حاجة

magdy-f
13-01-2010, 02:31 PM
في المثال

http://mokhles.hostwq.net/vb/index.php

تعرفى كل شئ



http://abeermahmoud2006.jeeran.com/537-Thanks.gif

admin
13-01-2010, 04:55 PM
ربنا يعوضك و نرجوا المزيد.
قصدة صورة تتحرك في الموقع دائما يا ماريان :)

magdy-f
13-01-2010, 07:14 PM
شكرا ادمن
لمرورك الدائم والمستمر والمشجع