Customizing SMF > Graphics and Templates
background <-> foreground
Aquilo:
I honestly don't know, I got it from there chillie cook-off show.
there are some folks selling version 1 but now there is a 3 so!?
I'm having a hard time finding information about the creaters website
http://www.altavista.com/web/results?q=MicroGraphix+Simply+3D+2&kgs=0&kls=1&avkw=aapt
if you have any luck let me know, there was a url on the cd jacket but it's in storage in Las Vegas >:(
Acf:
--- Quote from: Aquilo on August 22, 2003, 06:48:33 PM ---I honestly don't know, I got it from there chillie cook-off show.
there are some folks selling version 1 but now there is a 3 so!?
I'm having a hard time finding information about the creaters website
http://www.altavista.com/web/results?q=MicroGraphix+Simply+3D+2&kgs=0&kls=1&avkw=aapt
if you have any luck let me know, there was a url on the cd jacket but it's in storage in Las Vegas >:(
--- End quote ---
sorry can't find it :'( but i do now the file name s3d3web.exe...
Haase:
--- Quote from: Cadish on August 21, 2003, 04:30:09 AM ---Hi, everybody knows you can set a background picture on a site. But is it also possible to add a foreground picture? By this, i mean a single non-repeat picture on your site and fix its position? So, if you scroll, the picture stays on the same position, and all the text comes behind that picture...
Hope you understood... ;)
Thx
Cadish
--- End quote ---
This can be done with CSS fairly easily. All you need to do is create a class like this:
--- Code: ---.bottomright {
position: fixed;
right: 10px;
bottom: 10px;
z-index: 1;
}
--- End code ---
and when you call your image or whatever, put it in between a div e.g.
--- Code: ---<div class="bottomright"><img src="image.gif></div>
--- End code ---
Explaining that class: the fixed position designates that the image will be stationary with respect to the browser window (as opposed to the page). The right and bottom designates where you want the fixed image. It says the right edge is 10 px from the right edge of the browser, etc. Z-index is how you control the third dimension. The default is 0, the higher number, the higher priority. So if you give it a 1, and everything else is 0 by default, your image will always be in front.
Cadish:
Doesn't work for me... ::) Do you have an example page?
Haase:
hhmmm... that should have worked.
Maybe try putting in your CSS style
.bottomright {}
IMG.bottomright {
position: fixed;
right: 10px;
bottom: 10px;
z-index: 1;
}
And see if that works. I made a quick sample at work earlier, but I was using text instead of an image.
Navigation
[0] Message Index
[#] Next page
[*] Previous page
Go to full version