PDA

View Full Version : I want to add a bottom image to the featured games



Bad Wolf
02-13-2010, 10:32 PM
I would like to add a bottom image to the featured games container. As well as the homepage categories containers. Does anyone know how to do this? I am using the orange template.

MudGuts
02-13-2010, 11:28 PM
Hey Wolfie.

Just tested this on my test server and it works.

Open the templates/orange/style.css file.

Find the .featured_games class.

Add position relative like so:


.featured_games {
background-color:#fdf6f2;
margin-left: 10px;
padding-left: 10px;
background: url(images/featured_back.jpg);
width: 664px;
margin-bottom: 15px;
background-repeat: no-repeat;

/* Added for testing purposes only */
position: relative;
/* End testing */
}


Now create a new id (or class) selector; this is my idea of a name


/* Added for Testing purposes only */
#featured_games_image {
position: absolute;
top: 20px;
left: 10px;
background: url(images/featured-image.gif);
background-repeat: no-repeat;
width: 512px;
height: 16px;
}
/* end testing */


In the templates/orange/pages/homepage.php file, alter the featured games area like this


<div class="featured_games">
<div id="featured_games_image"></div>
<?php include ( './includes/homepage/featured_games.inc.php' ); // Include the category games ?>
<br style="clear:both" />
<br />
</div>


As you can see, I have added another div inside the original (marked in red).This should automatically lay on top of the rest as it is inside the original div.

I have attached the image I used to demonstrate this idea.

You will of course have to change the image, the size, and the positioning to suit your needs. At least it gives you a starting point.

Also remember that this will also be over any text, images etc that are being shown.

If that is a problem, you may have to modify the featured_back.jpg image.

Or for another thought, maybe adding opacity to the image may give a good effect.

Hope this helps.

Bad Wolf
02-14-2010, 03:23 AM
Awesome, Thank you bro! I will give it a shot here in a couple of days. Tomorrow is Valentines days and my wife has the day off! So I have to keep her entertained all day :p I doubt I will get much time logged in here in the office - LOL!

Thanks again, BW