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


صباح الخير للجميع

ندي طلب بسيط وهو ...

عاوز كود اللي ممكن اعمل فيه بانر يتحرك مع الصفحه نزولا وصعودا

ضروري جدا لو سمحتو ياناس



وشكرا مقدما للجميع

<!-- Original Code: http://www.howtocreate.co.uk/fixedPosition.html -->
<!-- Snippet With Example: http://code.dreamincode.net/snippet370.htm -->

<!-- CSS with support for IE -->
<style type="text/css">

<!--
#fixme {
     /* IE 5.0/Win and other lesser browsers will use this */
     position: absolute; right: 0px; bottom: 0px;

}
body > div#fixme {
     /* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
     position: fixed;
}
--></style>
<!--[if gte IE 5.5]>
<![if lt IE 7]>
<style type="text/css">
div#fixme {
     /* IE5.5+/Win - this is more specific than the IE 5.0 version */
     right: auto; bottom: auto;
     left: expression( ( -0 - fixme.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
     top: expression( ( +0 - fixme.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
</style>
<![endif]>
<![endif]-->

<!-- HTML CODE FOR ACTUAL BANNER -->
<div id="fixme" style="height: 120px; width: 100%;">
   <!-- EDIT BANNER CONTENTS BELOW -->
   <div style="z-index: 5; background: url(http://home.dreamincode.net/images/catfish/catfish_tile2.gif); width: 100%; height: 120px;">
      <div style="float: left; position: relative; left: 0; top: 0;"><a href="http://forums.dreamincode.net/showtopic14671.htm"><img src="http://home.dreamincode.net/images/catfish/catfish2.gif" height="120" border="0"></a></div>
      <div style="float: right; position: relative; text-align: right; top: 75px; font-size: 10px; font-weight: bold;"><a onClick="hiderow('fixme');return true;" style="cursor: pointer;">Close Me</a></div>
      <div style="float: left; position: relative; top: 80px; text-align: center; font-size: 12px; font-weight: bold; font-style: italic;"><a href="http://forums.dreamincode.net/showtopic14671.htm">Celebrate 5 Years of Dream.In.Code:<br>Win a Laser Engraved IPod Nano & Caffeine!</a></div>
   </div>
</div>

جرب دا مع التعديل

<!-- original code: Http://www.howtocreate.co.uk/fixedposition.html -->
<!-- snippet with example: Http://code.dreamincode.net/snippet370.htm -->

<!-- css with support for ie -->
<style type="text/css">

<!--
#fixme {
     /* ie 5.0/win and other lesser browsers will use this */
     position: Absolute; right: 0px; bottom: 0px;

}
body > div#fixme {
     /* used by netscape6+/mozilla, opera 5+, konqueror, safari, omniweb 4.5+, icebrowser */
     position: Fixed;
}
--></style>
<!--[if gte ie 5.5]>
<![if lt ie 7]>
<style type="text/css">
div#fixme {
     /* ie5.5+/win - this is more specific than the ie 5.0 version */
     right: Auto; bottom: Auto;
     left: Expression( ( -0 - fixme.offsetwidth + ( document.documentelement.clientwidth ? Document.documentelement.clientwidth : Document.body.clientwidth ) + ( ignoreme2 = document.documentelement.scrollleft ? Document.documentelement.scrollleft : Document.body.scrollleft ) ) + 'px' );
     top: Expression( ( +0 - fixme.offsetheight + ( document.documentelement.clientheight ? Document.documentelement.clientheight : Document.body.clientheight ) + ( ignoreme = document.documentelement.scrolltop ? Document.documentelement.scrolltop : Document.body.scrolltop ) ) + 'px' );
}
</style>
<![endif]>
<![endif]-->

<!-- html code for actual banner -->
<div id="fixme" style="height: 120px; width: 100%;">
   <!-- edit banner contents below -->
   <div style="z-index: 5; background: Url(http://home.dreamincode.net/images/catfish/catfish_tile2.gif); width: 100%; height: 120px;">
      <div style="float: Left; position: Relative; left: 0; top: 0;"><a href="http://forums.dreamincode.net/showtopic14671.htm"><img src="http://home.dreamincode.net/images/catfish/catfish2.gif" height="120" border="0"></a></div>
      <div style="float: Right; position: Relative; text-align: Right; top: 75px; font-size: 10px; font-weight: Bold;"><a onclick="hiderow('fixme');return true;" style="cursor: Pointer;">close me</a></div>
      <div style="float: Left; position: Relative; top: 80px; text-align: Center; font-size: 12px; font-weight: Bold; font-style: Italic;"><a href="http://forums.dreamincode.net/showtopic14671.htm">celebrate 5 years of dream.in.code:<br>win a laser engraved ipod nano & caffeine!</a></div>
   </div>
</div>

جرب دا مع التعديل

لالا مانفعش خالص

ولاحظ اني هحظظه على مودنه بلوجر

وشكرا