SimplePortal
Customization => Custom Coding => Topic started by: dtek on February 07, 2010, 12:44:32 AM
-
Hi, I'm new to SMF and SP. I started my site two days ago and really like SP. I am a total nub at this but I am getting there.
Now I have some code in html and it makes an image as big as your browser page. How do I get it to become the page background? I really need this sorted out. I have found out that I can't add html to css or php so what do I do? I tried to add it to my theme css and it kinda worked. The image filled the page but ihe page content was under it and there was a bunch of code under it and the theme was mostly gone.
Somebody help me please, I have spent all day fighting with this. :(
# <html>
# <head>
# <style type="text/css">
# body {margin:0px;}
# #bg_image {
# width: 100%;
# height: 100%;
# left: 0px;
# top: 0px;
# position: absolute;
# z-index: 0;
}
# #contents {
# z-index: 1;
# position: absolute;
}
# </style>
# </head>
# <body>
# <!-- this creates the background image -->
# <div id="bg_image">
# <img src="hxxp://k4f.exofire.net/Themes/testtheme/images/bkgsmall.jpg" style="width: 100%; height: 100%;">
# </div>
# </body>
# </html>