If you are seeing this message, it is possible the page did not load properly. Please hit reload/refresh on your browser.
If you still see this message, you probably do not have a browser that supports web standards, although its content is accessible to any browser or Internet device.

Cool Tips & Tricks Cool Tips & Tricks

Help Communities:
Help Forums Bug Base
<< Prev Topic | Next Topic >>
Cool Tips & Tricks ::: CSS FAQ ::: (CSS) - fixed background
New Topic    Add Reply
Topic: (CSS) - fixed background  (?)  Click to receive email notification of replies Click to stop receiving email notification of replies email this topic to a friend
Nutrocker

ezboard Moderator
ezSupporter
Posts: 81
Posted: 10/19/01 2:24 pm    
(CSS) - fixed background
By kanwulf, yet again

It isn't advised to use bgproperties="fixed" use the CSS method below.


edit: Remove the * from the code

<*style>
body {
background-color: #ffffff;
background-image: url(http://example.com/yourbg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed }
</style>



The above code goes in between the head tags. advanced, first text box from the top


background-color: #ffffff; this line assigns a color alway use on with an image pick on close that complements your image and looks good with you page w/o the img in case it doesn't download or some one turn images off. You can use hex codes color names or RGB codes here.

background-image: url( http://example.com/yourbg.jpg); this like assigns your background image

background-repeat: no-repeat this line prevents your image from repeating, other possible values here are repeat, repeat-y, and repeat-x

background-position: center center this line positions your image. Horizontal keywords include (left, center, right)
Vertical keywords include (top, center, bottom)

background-attachment: fixed this line prevents scrolling, possible values are fixed and scroll.

Edited by: atlass at: 12/15/01 4:46:24 am

  reply to this message

atlass

ezboard Moderator
ezSupporter
Posts: 1559
Posted: 5/9/02 3:53 pm    
Re: (CSS) - fixed background
To have a fixed, tiled background in all forums, but using different background images, put this code in the first box in advanced:

<*style>
body {
background-attachment: fixed }
</style>


  reply to this message

Nutrocker

ezboard Moderator
ezSupporter
Posts: 4424
Posted: 8/1/02 4:14 pm    
Re: (CSS) - fixed background
For Profiles, use the CSS in the Hobbies text box, don't forget to use the STYLE tags as shown. If you are already using STYLE tags and CSS then just add the new CSS for the fixed background in between those style tags.

If you already use the class body in your css, add the code there or use the above code to over write that class.


  reply to this message

Click to receive email notification of replies Click to stop receiving email notification of replies email this topic to a friend

New Topic    Add Reply

jump to:
Topic Control Image::: Topic Commands
<< Prev Topic | Next Topic >>

Icon Legend

reply button:::Reply to Post Button   edit button:::Edit Post Button  delete button:::Delete Post Button (Moderator Only)

subscribe/unsubscribe to thread button:::Subscribe to Thread Button   email to friend button:::Email to Friend Button  



- Cool Tips & Tricks - CSS FAQ -

Communitiesezboard Help Communities:

Help Forums Help Forums Bug Base Bug Base





Powered By ezboard® Ver. 7.32
Copyright ©1999-2007 ezboard, Inc.