[SOLVED] Background Image


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: [Download] [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! :LOL:

Last edited by Chaotic on Thu 28 Aug, 2008 22:24; edited 1 time in total
Inactive User
Subject: Re: Background Image
Change colours and url to suit the path etc.

Code: [Download] [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: [Download] [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. :P

Here's a 1280x960 resize of your pic.

h**p://icythemes.com/m6.png

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 ]

Inactive User
Subject: Re: Background Image
Open:

shoutbox_body.tpl

Find:

Code: [Download] [Hide] [Select]
<iframe src="{U_SHOUTBOX_VIEW}" align="left" width="100%" height="145" frameborder="0" marginheight="0" marginwidth="0">


Change 145 to 160 :P

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

(marked as solved)

Inactive User
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. ;)

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

shout

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

any ideas ?????

Inactive User
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.

h**p://***.icyphoenix.com/viewtopic.php?f=21&t=3815

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

Inactive User
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. ?

Subject: Re: [SOLVED] Background Image
:LOL: :LOL: :LOL:

Spot on :v: :v: :v:

Thanks, That did the trick

your the man

Inactive User
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.

:mrgreen:


Page 1 of 1


  
You cannot post new topics
You cannot reply to topics
You cannot edit your posts
You cannot delete your posts
You cannot vote in polls
You cannot attach files
You can download files
You cannot post calendar events

   

This is a "Lo-Fi" version of our main content. To view the full version with more information, formatting and images, please click here.

Powered by Icy Phoenix based on phpBB
Generation Time: 0.1282s (PHP: 16% SQL: 84%)
SQL queries: 11 - Debug Off - GZIP Enabled