Codezwiz >> Forums >> General PHP Nuke Help >> can i get a little help :)

Ok this is a simple problem, I hope. Although seeing as I am the worst person at php-nuke in the world its 10 times harder. I'm currently using a slightly modified version of Draconys (can be found here [ Register or login to view links on this board. ] The modifications have only been cosmetic, I dont know enough about the code to change the code itself.

The issue I am having with the site deals with the background. I would like to find a way to put a background image behind the article section of the page. At the moment I have not been able to figure out exactly what line of code I ineed to adjust to make the picture show up only within the middle section of the site. Im sry this seems incredably simple but im having all sorts of problems.

If you have an awnser I'll be lurking on these forums, of please email me at [ Register or login to view links on this board. ]

Thanks for any help you may have.

If you'll leave a link to your site, I'll take a look in the morning and see what I can see.

[ Register or login to view links on this board. ]

is the site.. i only want the image to take up the space behind the middle block

thanks

HOLY COW thats not what i meant to do.... altho it works ......
[ Register or login to view links on this board. ]

ok that worked ALOT better

Open left_center.html. Where you see:

</td><td valign="top" width="100%">

Wow sweet! Thank you for the info.

I guess I have one more question that tags onto that. Is there any way to stop it from tiling without implenting a javascript. Also, I have see different scrips on your website. for example

body {
background: url("images/aardvark.gif");
background-repeat: no-repeat;
}

Would that be the script that i need? and if so where do I implement something like that?

thanks

There are several ways you can go.

1. You can go into your styles.css file and make a new class for that cell. It would look something like:

.maincell {
background: url("images/aardvark.gif");
background-repeat: no-repeat;
}
or
.maincell {
background: url("images/aardvark.gif");
background-repeat: x;
}
or
.maincell {
background: url("images/aardvark.gif");
background-repeat: y;
}

wow kelly you are amazing at this thank you so much for takeing the time to look into my problems. you were a GREAT help!

Ok, I am working on this myself until I run into a wall, but I got two more issues i would like to resolve.

The first is laying images on top of the background image. I have a set of 8 images that make up a really nice border for the story section of the page. The code i tried was

</td><td valign="top" width="100%"
style="background: url(themes/Draconys/images/background.jpg); background-repeat: no-repeat;
valign="top" align="left" style=background: url(themes/draconys/images/top-left.gif); background-repeat: no-repeat;"
valign="top" align="right"style=background: url(themes/draconys/images/top-right.gif); background-repeat: no-repeat;
valign="top" align="center" style=background: url(themes/draconys/images/top.gif); backgound-repeat: x;
valign="center" align="right" style=backgrond: url(themes/draconys/images/right.gif); background-repeat: y;
valign="center" align="left" style=background: url(themes/draconys/images/left.gif); background-repeat: y;
valign="bottem" align="right" style=background: url(themes/draconys/images/bottem-right.gif); background-repeat: no-repeat;
valign="bottem" align="left" style=background: url(themes/draconys/images/bottem-left.gif); background-repeat: no-repeat;
valign="bottem" align="center" style=background: url(themes/draconys/images/bottem.gif); background-repeat: x;
>

I was hoping that it would work, but the problem resides in the need to be layerd. I dont know the command to layer the images, and how they should be set up.

i think that the other problem runs along similar lines as this one. Were the articles that are within the story section, have only a black box as a background. Originally the theme used a .jpg as the background, but I later went back and replaced it with a .gif file to make the background a shaded color, but still seethrough. for some reason the .gif file didnt take leaving me with only a black box. The line of text that it is written on is

<td style=\"background-image: url(themes/Draconys/images/dragon1.gif);\"><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"4\">

Thanks again for all the help you really rock

You can't put more than 1 background image in a cell, which I'm sure you figured out by now. The align and valign attributes apply only to content in the cell. It has no effect at all on the background image in the cell.

To do what I think you're trying to do would take some major reworking of the table structure that makes up the whole theme and would affect not only your home page, but other pages throughout the site as well. Unless you have a clear understanding of how the table structure for the entire site works, you're better off sticking to 1 image in the background of the main cell.

As for the background image of your blocks, you can create a style that makes them semi-transparent. Like this:

.transp {
filter:Alpha(opacity=n);
}