Icy Phoenix

     
 


Post new topic  Reply to topic 
Page 1 of 1
 
 
Reply with quote Download Post 
Post [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!
 




____________
| Icy Phoenix ColorizeIt! |
Bipolar Disorder - Not good for you and definitely not good for everyone else.
 
Last edited by Chaotic on Thu 28 Aug, 2008 22:24; edited 1 time in total 
ChaoticSend private messageVisit poster's website  
Back to topPage bottom
Icy Phoenix is an open source project, you can show your appreciation and support future development by donating to the project.

Support us
 
Reply with quote Download Post 
Post 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.

Here's a 1280x960 resize of your pic.

h**p://icythemes.com/m6.png
 
 
 
Back to topPage bottom
Reply with quote Download Post 
Post 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 ]

 




____________
| Icy Phoenix ColorizeIt! |
Bipolar Disorder - Not good for you and definitely not good for everyone else.
 
ChaoticSend private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post 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
 
 
 
Back to topPage bottom
Reply with quote Download Post 
Post Re: Background Image 
 
Perfect, as always Lopalong!

(marked as solved)
 




____________
| Icy Phoenix ColorizeIt! |
Bipolar Disorder - Not good for you and definitely not good for everyone else.
 
ChaoticSend private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post 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.
 
 
 
Back to topPage bottom
Reply with quote Download Post 
Post 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 ?????
 



 
n1cks21Send private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post 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
 
 
 
Back to topPage bottom
Reply with quote Download Post 
Post 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......
 



 
n1cks21Send private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post 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. ?
 
 
 
Back to topPage bottom
Reply with quote Download Post 
Post Re: [SOLVED] Background Image 
 
    

Spot on       

Thanks, That did the trick

your the man
 



 
n1cks21Send private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post 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.

 
 
 
 
Back to topPage bottom
Post new topic  Reply to topic  Page 1 of 1
 


Display posts from previous:    

HideWas this topic useful?

Link this topic
URL
BBCode
HTML




 
Permissions List
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


  

 

  cron