Forums
This topic is locked
Scrolling over background image
Posted 14 Sep 2002 00:29:26
1
has voted
14 Sep 2002 00:29:26 chadmih chad posted:
Hello all. I have seen this page www.sandmbikes.com/news/news_seven.html
I cant seem to figure out how they got the text to scroll without the background image.
Anybody have any ideas. I bet this is some simple thing I am looking over.
Thanks
Replies
Replied 14 Sep 2002 21:46:07
14 Sep 2002 21:46:07 Dave Thomas replied:
Your link wouldn't open for me, but if you want a bkground to stay fixed while the rest of the page scrolls then a CSS Style Sheet can do it for you.
You can either do this with a CSS program like "Top Style" or u can use Dreamweaver or Ultradev itself to create one.
Here is an example body tag in css that will give you a fixed background and change your scrollbars colour:
###### CSS Sheet ######
BODY {
color : White;
background-color : Black;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
scrollbar-3dlight-color : #000099;
scrollbar-arrow-color : #000099;
scrollbar-base-color : #FF9900;
scrollbar-darkshadow-color : Black;
scrollbar-face-color : #CCCCCC;
scrollbar-highlight-color : #FF9900;
scrollbar-shadow-color : #FF9900;
scrollbar-track-color : #CCCCCC;
; background-image: url(../pageimages/bk_logo_2.jpg); background-repeat: no-repeat
; background-attachment: fixed
; background-position: center bottom
}
##### End of CSS Sheet #####
If you save the css as "background.css" and stick it in a folder called "css", simply add this line of code in your HEAD section below your META tags:
<b><link rel="stylesheet" href="css/background.css" type="text/css"></b>
* You'll need to mess with the colours and Image URL to fit with your own designs/images etc..
Regards,
Dave
UD4 || Flash || Access ||Web Hosting
Edited by - UltraDav on 14 Sep 2002 21:48:33
You can either do this with a CSS program like "Top Style" or u can use Dreamweaver or Ultradev itself to create one.
Here is an example body tag in css that will give you a fixed background and change your scrollbars colour:
###### CSS Sheet ######
BODY {
color : White;
background-color : Black;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
scrollbar-3dlight-color : #000099;
scrollbar-arrow-color : #000099;
scrollbar-base-color : #FF9900;
scrollbar-darkshadow-color : Black;
scrollbar-face-color : #CCCCCC;
scrollbar-highlight-color : #FF9900;
scrollbar-shadow-color : #FF9900;
scrollbar-track-color : #CCCCCC;
; background-image: url(../pageimages/bk_logo_2.jpg); background-repeat: no-repeat
; background-attachment: fixed
; background-position: center bottom
}
##### End of CSS Sheet #####
If you save the css as "background.css" and stick it in a folder called "css", simply add this line of code in your HEAD section below your META tags:
<b><link rel="stylesheet" href="css/background.css" type="text/css"></b>
* You'll need to mess with the colours and Image URL to fit with your own designs/images etc..
Regards,
Dave
UD4 || Flash || Access ||Web Hosting
Edited by - UltraDav on 14 Sep 2002 21:48:33
Replied 16 Sep 2002 01:08:38
16 Sep 2002 01:08:38 chadmih chad replied:
Thanks Ultradav. This has pointed me in the right direction.
Replied 24 Sep 2002 17:00:41
24 Sep 2002 17:00:41 Stuart Harland replied:
you could also use the bgproperties attribute of 'Body':
< body bgproperties="fixed" background="back-pic.gif" >
hope this is also helpful
********************
wheatNOTmeat
< body bgproperties="fixed" background="back-pic.gif" >
hope this is also helpful
********************
wheatNOTmeat