Page 1 of 1

Use image background and with transparent tables

PostPosted: Sun Dec 17, 2006 8:02 pm
Author: doswald
Hello friends,

Just want to know if there are users here implemented what I have in my mind. I want to use an image background in my Integramod 1.3.2c , I want the said background to be fixed whenever the users scrolls down. Also, I want to have a transparent tables which can help to fully view the background image.

Can anyone help me with this?

Thanks to all.

Rgds,
Doswald

Re: Use image background and with transparent tables

PostPosted: Sun Dec 17, 2006 9:36 pm
Author: Helter
not sure what you mean. If you want a large space you can use the spacer.gif in your images folder and assign it a large height and width

Code: Select all
<table><tr><td><img> </td></tr></table>

Re: Use image background and with transparent tables

PostPosted: Sun Dec 17, 2006 10:03 pm
Author: doswald
Thanks for your reply HelterSkelter, however, my idea or should I say my plan is to have an image background (i.e. Christmas Village or Snowing viilage for Christmas picture), I want this to be in the body as background. Now, for the users to see the full image, I think a transparent tables are required to be able to view the said image.

Hope I clarified something <img>

Regards,
Doswald

Re: Use image background and with transparent tables

PostPosted: Mon Dec 18, 2006 4:42 am
Author: Frost
He means he wants one image as the entire background and when a user scrolls the page, the image remains stationary. Then he wants each of the blocks to be transparent so users can see the background.

This wouldn't be too hard, I need to know what theme you are using, and I need you to provide the theme's .css file.

I'll be gathering the code for you meanwhile <img>

Re: Use image background and with transparent tables

PostPosted: Mon Dec 18, 2006 12:31 pm
Author: Dr. Bantham
I use a fixed background image on my site. In the CSS file for your style,

FIND:
Code: Select all
/* This is the border line & background color round the entire page */


REPLACE THE NEXT LINE WITH SIMILAR].bodyline{background:#000000;border:3px solid #212121;background-image:url(images/corporate_mist.gif);background-attachment: fixed;);}[/code]

Change the settings above to match your style. The operative code to be added is the fixed variable. I am not certain what effect, if any, would result if you used this variable on background elements other than the main background. This has a nice effect when scrolling down a page. The text scrolls but the background remains fixed.
As for transparent tables, I am not certain on how to do such.

Re: Use image background and with transparent tables

PostPosted: Mon Dec 18, 2006 4:09 pm
Author: Helter
removing the backgrounds from the blocks is easy by removing
Code: Select all
          <BEGIN>         class="row1"         <END>


from portal_page_header.tpl, portal_page_tail.tpl and layout/(whatever layout your using)

You can also edit the transparency of the images, such as cellpic3.gif, by opening it in photoshop, saving it as a .png, then open the png and make it transparent. Edit your .css to rename cellpic3.gif, to cellpic3.png...etc

Re: Use image background and with transparent tables

PostPosted: Mon Dec 18, 2006 6:13 pm
Author: doswald
"Frost";p="18554" wrote:He means he wants one image as the entire background and when a user scrolls the page, the image remains stationary. Then he wants each of the blocks to be transparent so users can see the background.

This wouldn't be too hard, I need to know what theme you are using, and I need you to provide the theme's .css file.

I'll be gathering the code for you meanwhile <img>


Hi Frost, Hi guys, thanks for replying. Frost you are correct. I am using fisubice in 1.3.2c I want an entire image to be my background. Below is the link to my CSS file.

http://filecargo.com/dw.php?id=1166496501&/fisubice.css

Hope you can help me.

Thanks

Re: Use image background and with transparent tables

PostPosted: Mon Dec 18, 2006 11:37 pm
Author: Frost
Here is your .css file with the added changes for a stationary background. Change "(images/background.gif)" to whatever your image is.

[url=http]fisubice.css download[/url]

--

As for making your blocks transparent, you should follow HelterSkelter's suggestions

Re: Use image background and with transparent tables

PostPosted: Sat Jan 20, 2007 10:00 am
Author: Frost
From PM:

Hi fuzzy_trb, to get a stationary background try this in your css file..

[code]body {background-image]

PostPosted: Sat Jan 20, 2007 3:22 pm
Author: fuzzy_trb
thanks