https://www.icyphoenix.com/viewtopic.php?f=36&t=4607
-----------------------------------
Chaotic
Thu 28 Aug, 2008 07:06

[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 linenumbers=false]/* 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;
}[/code]

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

[spoiler][URL=http://img516.imageshack.us/my.php?image=mech2paperut6.jpg][IMG]http://img516.imageshack.us/img516/6933/mech2paperut6.th.jpg[/IMG][/spoiler]

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

[spoiler][URL=http://img337.imageshack.us/my.php?image=background1li6.png][IMG]http://img337.imageshack.us/img337/3876/background1li6.th.png[/IMG][/spoiler]

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! :lol:


-----------------------------------
Lopalong
Thu 28 Aug, 2008 10:23

Re: Background Image
-----------------------------------
Change colours and url to suit the path etc.

[code linenumbers=false]background-image:url(images/crystal_blue/background2.jpg);
background-attachment: fixed;
	font-size : 12px;
	height : 100%;
	width : 100%;[/code]

Find and make #forumtable

[code linenumbers=false]#forumtable {
	background: transparent;
	border: solid 0px #333333;
	border-width: 0px 0px 0px 0px;[/code]

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. :P

Here's a 1280x960 resize of your pic. 

http://icythemes.com/m6.png


-----------------------------------
Chaotic
Thu 28 Aug, 2008 12:33

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]
[URL=http://img53.imageshack.us/my.php?image=background2jq3.png][IMG]http://img53.imageshack.us/img53/5458/background2jq3.th.png[/IMG][/spoiler]


-----------------------------------
Lopalong
Thu 28 Aug, 2008 15:01

Re: Background Image
-----------------------------------
Open:

shoutbox_body.tpl

Find:

[code linenumbers=false]<iframe src="{U_SHOUTBOX_VIEW}" align="left" width="100%" height="145" frameborder="0" marginheight="0" marginwidth="0">[/code]

Change 145 to 160 :P


-----------------------------------
Chaotic
Thu 28 Aug, 2008 22:23

Re: Background Image
-----------------------------------
Perfect, as always Lopalong!

(marked as solved)


-----------------------------------
Lopalong
Thu 28 Aug, 2008 23:38

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

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

[img]http://www.uk-alliance.com/images/shout.jpg[/img]

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

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

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

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

Re: [SOLVED] Background Image
-----------------------------------
:lol:  :lol:  :lol: 

Spot on   :v:  :v:  :v: 

Thanks, That did the trick 

your the man


-----------------------------------
Lopalong
Fri 06 Feb, 2009 22:26

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.

 :mrgreen:


