2. PHPRunner General questions
  3. Background Image to List Page
This topic is locked

Background Image to List Page

 		1/11/2012 1:34:12 PM
PHPRunner General questions
S
 scopley author

We have just upgraded to PHPRunner 6.0 Build 9948. I'm in the process of updating the templates. I need to add an image banner across the top of the list page. I can add the image but I need it to be in the background so that I can place text on top of it. I currently have it added it in my list.ly page using a newly created brick however it will not allow me to place text on top of the image.
Any guidance would be greatly appreciated.
C
 		cgphp 1/11/2012

Check the header section. More info here: http://xlinesoft.com/phprunner/docs/page_elements.htm
S
 		scopley author 1/12/2012



Check the header section. More info here: http://xlinesoft.com/phprunner/docs/page_elements.htm


I need this to be part of the layout so when I select that layout it pops in the list page automatically. I've tried adding a brick but it won't place it in the background so that I can lay other text over top of it. Any other thoughts?
C
 		cgphp 1/12/2012

Please, post a screenshot of what you want to achieve.
S
 		scopley author 1/12/2012

I'm not seeing a way to add an attachment. But I want an image across the top of the page and I need to be able to put text on top of the image. It should be a background image. If I modify the html code I would add the <STYLE> tag and it would look like this:

<!DOCTYPE html>

<HTML {$html_attrs}><HEAD><TITLE>{$pagetitle}</TITLE>
<STYLE>

BODY

{

background-image:url('images/bgHeader.jpg');

background-repeat:no-repeat;

}

</STYLE>

<META http-equiv=X-UA-Compatible content=IE=7>

<META http-equiv=Content-Type content="text/html; charset=Windows-1252">


I can't find the brick that controls this other that the page.htm file which would change ALL the pages. I just want to change the list page for one specific layout.
Hope this makes sense.
C
 		cgphp 1/12/2012

Check the generated CSS file under the styles folder (styles/theme_name/style.css) and search the string:

body.theme_name



where theme_name is somehing like PurificGreen or FancyOrange etc.
Replace the background color statement with

background-image: url('path/to/your/image');
S
 		scopley author 1/12/2012

Ok I was able to modify the style.css in the output directory and insert the background image.
So can you tell me which .css file I need to add that to so that it will automatically insert it when the project is built. I want it to output that way so I don't have to modify the generated style.css file everytime I build the project.