Icy Phoenix

Old Styles Topics - [SOLVED] Background Image

Chaotic [ Thu 28 Aug, 2008 07:06 ]
Post subject: [SOLVED] Background Image

I'm about to throw my computer down by the river.

I'm trying to add a background image to my board, but not having any luck.

I'm working in the style_p_black.css file and I'm pretty sure I'm in the right area of what I'm trying to get done:

Code: [Hide] [Select]

/* main selectors */

body {

	background: #111111;

	/*background: #FFFFFF url(images/p_black/bg_body.gif) top left repeat-x;*/

	margin: 0px 0px 0px 0;

	padding: 0px 10px 0px;

}

This is a possible image I might use to fill the background of the site:

Spoiler: [ Show ]

The areas I would like changed, globally are circled in the picture below:

Spoiler: [ Show ]

I also realize the image won't be long enough so the image may not show when you scroll down. Is there a way to get around that so the image shows wherever you scroll?

Thanks in advance for your wisdom!

Lopalong [ Thu 28 Aug, 2008 10:23 ]
Post subject: Re: Background Image

Change colours and url to suit the path etc.

Code: [Hide] [Select]

background-image:url(images/crystal_blue/background2.jpg);

background-attachment: fixed;

	font-size : 12px;

	height : 100%;

	width : 100%;

Find and make #forumtable

Code: [Hide] [Select]

#forumtable {

	background: transparent;

	border: solid 0px #333333;

	border-width: 0px 0px 0px 0px;

Or download vista-blue and search for "transparent" in the style_*.css. Not all of them apply, but it is the only way to get the BG image to show, else the rest of the tables just cover it.

Here's a 1280x960 resize of your pic.

http://icythemes.com/m6.png

Chaotic [ Thu 28 Aug, 2008 12:33 ]
Post subject: Re: Background Image

You're the man Lopalong! Somebody please promote this guy!

Quick question...the bottom of the shoutbox looks like it is affected by this change (circled in red). Is there any way to fix that?

Spoiler: [ Show ]

Lopalong [ Thu 28 Aug, 2008 15:01 ]
Post subject: Re: Background Image

Open:

shoutbox_body.tpl

Find:

Code: [Hide] [Select]

<iframe src="{U_SHOUTBOX_VIEW}" align="left" width="100%" height="145" frameborder="0" marginheight="0" marginwidth="0">

Change 145 to 160

Chaotic [ Thu 28 Aug, 2008 22:23 ]
Post subject: Re: Background Image

Perfect, as always Lopalong!

(marked as solved)

Lopalong [ Thu 28 Aug, 2008 23:38 ]
Post subject: Re: [SOLVED] Background Image

I was aware of the problem, but thanks for reminding me that I do need to add it to the ShoutBox MOD.

n1cks21 [ Thu 05 Feb, 2009 01:53 ]
Post subject: Re: [SOLVED] Background Image

I have the same problem, I applied the fix above but I am still left with a strip at the top of the shout box see pic

the above fix removed the bar at the bottom of the shout box but not the top

any ideas ?????

Lopalong [ Thu 05 Feb, 2009 05:47 ]
Post subject: Re: [SOLVED] Background Image

Yeah, well it appears that the "Cat" height is a little different in pl_blue and ice. So you will have to play with the template, the iframe and the bg height untill you either fix or break it.

You should get some idea here on where to change things.

http://www.icyphoenix.com/viewtopic.php?f=21&t=3815

n1cks21 [ Thu 05 Feb, 2009 16:13 ]
Post subject: Re: [SOLVED] Background Image

I tried it but with no joy I still have a gap at the top of the messages, if I scroll down the messages the gap goes but if I scroll up it re-appears......

Lopalong [ Thu 05 Feb, 2009 23:11 ]
Post subject: Re: [SOLVED] Background Image

Last shot!

In shoutbox_view_body.tpl

Find:

<table class="forumline" width="100%" cellspacing="0">

Change to:

<table class="forumlinenb" width="100%" cellspacing="0">

And see what happens. ?

n1cks21 [ Fri 06 Feb, 2009 18:09 ]
Post subject: Re: [SOLVED] Background Image

Spot on

Thanks, That did the trick

your the man

Lopalong [ Fri 06 Feb, 2009 22:26 ]
Post subject: Re: [SOLVED] Background Image

Thanks,

And that's what makes it difficult at times, when one bases changes on what is / was the default theme at the time.

So many themes using the same templates but having different .css values is not really all that helpful when one can only test whatever the default is declared to be when the changes are made.