SMF For Free Support Forum
Signup For Free Forum
August 21, 2008, 11:50:58 pm *
Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
News: Welcome to SMF For Free. The best free SMF Host
 
   Home   Help Search Arcade Gallery Login Register  

Pages: 1 [2]
  Print  
Author Topic: Background Questions  (Read 872 times)
0 Members and 1 Guest are viewing this topic.
simply sibyl
Global Moderator
*
Offline Offline

Posts: 7817



View Profile WWW
« Reply #15 on: January 19, 2008, 12:09:53 pm »

Bluebutterfly -  I did some playing around with the css today and here is how you would put an image on top of the background (and under the forum)    (tested and works with IE and Firefox)   

This takes 2 edits to the css, then an addition to your HEADER:


In the css look for the body area (where you put the background image)
Add this to that section:

Code:
position:absolute;
z-index: 1;

Then to position the image add this to your css  (top or bottom of it, does not matter)

Code:
#bgimage2
{
position:absolute;
right: 500px;
top: 200px;
z-index:-1;
}

In the above code are the coordinates - where you want the graphic on the page.
You will need to change those numbers so the image is where you want it to be.
(The coords in the code above would place the image 500px from the right edge of the screen and 200px from the top. )   


Last step:

In your HEADER do this:

<img id="bgimage2" src="THE URL OF THE IMAGE">


Replace THE URL OF THE IMAGE with your image url.


NOTE: you can change bgimage2 to any word you choose.   Just be sure it is the same in both the css and the Header.




« Last Edit: February 07, 2008, 10:27:39 pm by simply sibyl » Logged

BlueButterfly
SMF For Free Member
*
Offline Offline

Posts: 36


View Profile
« Reply #16 on: January 20, 2008, 10:38:17 am »

Thank you so much for taking the time to do this Sibyl.  Can't wait to try it out.. smitten
Logged
BlueButterfly
SMF For Free Member
*
Offline Offline

Posts: 36


View Profile
« Reply #17 on: February 21, 2008, 10:15:02 am »

Sibyl, you are awesome!!!

I just tried putting an image on top of a background and it worked perfect on my first try!!

I put the image near the top left of my background, now i want to make a mirror of that image and put it on the bottom right of my background.

I can only assume that i need to edit the css code the same as i did for a 1st image giving it a different name, then add it to the FOOTER instead of the HEADER. 

Is that assumption correct?

Thanks, Blue   smitten 
Logged
simply sibyl
Global Moderator
*
Offline Offline

Posts: 7817



View Profile WWW
« Reply #18 on: February 21, 2008, 10:20:02 am »

You can stick it in the header along with the other one.
The coordinates you set for it in the css determine where on the page it will be.
Logged

BlueButterfly
SMF For Free Member
*
Offline Offline

Posts: 36


View Profile
« Reply #19 on: February 21, 2008, 11:45:54 am »

Ohh okay,  i just did it and put it in the footer and got the effect i wanted.  So i guess either way works.

You know i think i'm actually learning something here.  2funny 
Logged
simply sibyl
Global Moderator
*
Offline Offline

Posts: 7817



View Profile WWW
« Reply #20 on: February 21, 2008, 11:50:06 am »

Ohh okay,  i just did it and put it in the footer and got the effect i wanted.  So i guess either way works.

You know i think i'm actually learning something here.  2funny 

cool..   I fool around with colors, put backgrounds in areas I havent tried before..   just to see what happens.
sometimes it is super.. others it sucks  lol     Learn as we go
Logged



Pages: 1 [2]
  Print  
 
Jump to:  

Powered by SMF 1.1.5 | SMF © 2006-2008, Simple Machines LLC
ServerBeach Coupon
Page created in 0.542 seconds with 17 queries.