شريط يتبع الشاشة من الاسفل

السلام عليكم ورحمه الله وبركاته
اول شي لازم تشوفو الصورة

الكود عبارة عن كود هتمل وكود css
اولا كود هتمل

الكود:


<!-- بداية كود الشريط -->
<div id="myfooter" style="height: 40px;  position: fixed;
 
    width: 800px;
      top: auto;
        right: 0;
margin: 0
 auto;
        bottom: 0;
        left: 0;" >

<p
align="center">

<a
href="http://www.mirrorservice.org/sites/releases.mozilla.org/pub/mozilla.org//firefox/releases/3.6.8/win32/en-US/Firefox%20Setup%203.6.8.exe"><img
src="http://i36.servimg.com/u/f36/12/36/04/46/uuousu10.png"
title="mozilla"
border="0"></a>
<a
href="http://universal-downloader.en.softonic.com/94000/94114/ud_200/SoftonicDownloader94114.exe?AWSAccessKeyId=0HXVA1YMG3HX1XDSGT02&Expires=1281531440&Signature=lnjRGunoBOdvzOhgjzwxvyySe0A%3D&file=/SoftonicDownloader94114.exe"><img
src="http://i36.servimg.com/u/f36/12/36/04/46/inter_10.png"
title="internet 9 "
border="0"></a>
<a
href="http://wl.dlservice.microsoft.com/download/E/4/B/E4B3514D-9542-47CD-9C9A-366076BD235F/ar/wlsetup-web.exe"><img
src="http://i36.servimg.com/u/f36/12/36/04/46/widos_10.png"
title="windows live "
border="0"></a>
<a
href="http://dl.google.com/tag/s/appguid%3D%7B8A69D345-D564-463C-AFF1-A69D9E530F96%7D%26iid%3D%7BF08D3C31-8716-911A-53F9-2C9817C8E9C5%7D%26lang%3Den%26browser%3D3%26usagestats%3D0%26appname%3DGoogle%2520Chrome%26needsadmin%3Dfalse/update2/installers/ChromeSetup.exe"><img
src="http://i36.servimg.com/u/f36/12/36/04/46/google10.png"
title="Google Chrome"
border="0"></a>
<a
href="http://download.winzip.com/winzip145.exe"><img
src="http://i36.servimg.com/u/f36/12/36/04/46/winzip11.png"
title="WinZip"
border="0"></a>
<a
href="ftp://majorgeeks.mirror.internode.on.net/multimedia/K-Lite_Codec_Pack_620_Basic.exe"><img
src="http://i36.servimg.com/u/f36/12/36/04/46/k-lite10.png"
title="k-lite"
border="0"></a>
<a
href="http://mirror3.internetdownloadmanager.com/idman519.exe"><img
src="http://i36.servimg.com/u/f36/12/36/04/46/idm10.png"
title="Internet Download Manager"
border="0"></a>
<a
href="http://www.adobe.com/go/EN_US-H-GET-FLASH"><img
src="http://www.dalil.educ40.net/images/icon-prog/flash.png""
title="مشغل فلاش"
border="0"></a>
</p></form></div></p></div>
<!-- نهاية كود الشريط -->


يضع الكود بـــ

لوحة التحكم

مضهر المنتدى

الصفحة
الرئيسية***تشكيلات عامة



اما الكود الثاني


/* خلفية الشريط*/

الكود:

#myfooter{
background-image: url(http://i81.servimg.com/u/f81/11/91/65/81/mac_ba10.png);
background-repeat:
 no-repeat;
}
#myfooter img{
border: 0px;
margin-top: -12px;
padding-right:
 20px;
}


يضع الكود بـــ
لوحة الاداره
مظهر المنتدى
الوان
ورقة تصميمcss

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

تسلم ايدك يا بطل