Simple Zen Template - Support Thread

[MB1]

OK so far i have made it look like this http://www.gorillagear.ca/store/index.php which i'm satisfied with but i'd like http://www.gorillagear.ca/GorillaNuke/ with background images for the borders etc.

[jettrue]

OK so far i have made it look like this http://www.gorillagear.ca/store/index.php which i'm satisfied with but i'd like http://www.gorillagear.ca/GorillaNuke/ with background images for the borders etc.

Oh my, well those are some quite complicated borders. I'm a less is more gal myself , but to do that, you're going to have to go into the includes/templates/YOUR_TEMPLATE/common/tpl_box_default_left.php and tpl_box_default_right.php and start creating a table shell to hold all of those corners. Give them each a specific css tag, then you can go into your css file, and start adding background images. You already have them chopped up, so that's one step down.

Did you build the sideboxes for the layout you linked? If so, it shouldn't be too bad, but the first step will be going into the two files above, and change the framework for the sideboxes.

Hope that helps a bit!

ETA: I would also suggest that you either optimize your images (make medium (_MED) and large ones (_LRG) OR install the ImageHandler2 mod, that will do all that for you. I find your site images take a long time to load.

[MB1]

that's a wee bit too complicated at the moment how about just a background in the main area that's boxed in and another for the new products area where all the pictures are i tried playing with the style sheet but it didn't work out

[kuroi]

Agree with jettrue's comment on image sizes. I took a closer look at one and it was a whopping 100x the file size that I'd expect to see as a thumbnail on your frontpage.

What you want to do can be done relatively easily with CSS. You've done your work on Simple Zen so stick with that, but look at how the future Zen sidebox borders are constructed (make sure that you look at version 1.2). This approach will work for your more complicated borders too, both sideboxes and center column boxes if you stick to fixed widths (which the nature of your graphics pretty well forces anyway).

[jettrue]

that's a wee bit too complicated at the moment how about just a background in the main area that's boxed in and another for the new products area where all the pictures are i tried playing with the style sheet but it didn't work out

For a background image for the whole boxed in area (exluding the top header area), just go in your css:

#contentMainWrapper{
background: url(../images/image_name_here.gif)
}

Make sure the image is uploaded to your includes/templates/simple_zen/images folder.

For the new products area, you'll have to create a new css section:

.centerBoxContentsNew {
background: url(../images/image_name_here.gif)
}

Let me know how that works for ya!

[MB1]

thankx for the info i'll get to work on it as soon as i have the time. and i'll look into the image size thingy

[shopyoungway]

another one for you. how can i put a just a black line around an info box in this and have another one incase the title for the info box . hope that makes sence

Thanks

[jettrue]

another one for you. how can i put a just a black line around an info box in this and have another one incase the title for the info box . hope that makes sence

Thanks

I'm not sure exactly where you wanting these lines, but all this is done in the css.

The css for a black border would be something like this:

#whereveryouwanttheborder {
border: 1px solid #000;
}

All you have to do is figure out what the tag for the portion you want the border on. If you're talking about the sideboxes, you can try putting it under #navColumnOneWrapper (left side) and navColumnTwoWrapper(right side). Or under .leftBoxContainer for both left and right at once.

HTH!