pics in module border

[mudman]

Hi all, I just bougth the joomla template kit and here's my first question.

Can I add a image border surrounding the modules of my template?

How can I do it? Do I have to do it throught wrapper style in css?

Thanks in advance and sorry for my english (I'm spanish)

[admin]

Do mean round corners?
Yes in either case.

.module {background: url(../images/bl_grey.gif) 0 100% no-repeat #dddddd; width: 20em; margin-bottom: 10px;}

.module div {background: url(../images/br_grey.gif) 100% 100% no-repeat}

.module div div {background: url(../images/tl_grey.gif) 0 0 no-repeat}

.module div div div {background: url(../images/tr_grey.gif) 100% 0 no-repeat; padding:10px; padding-top: 0px; padding-bottom: 2px;}

.module div div div div {background: none;}

I would add a suffix module.round{} etc..
then apply via the module manager.
Cheers,
Brian

[mudman]

Hi Brian, thanks for your quick reply

Not exactly, I want something like the following picture for the main menu.



But maybe I can do something changing xx_grey.gif for my own pictures, don't you think?

Cheers

[tydust]

Also with J 1.5 there's such a thing as "overrides" in which you can go to the "html" folder of your template (or create one if there isn't one) and take the modules.php file (the actual file modules are generated from) and add your image background divs and classes to it.

What it does is allow you to hack the core module code, without actually hacking THE core module code.

Overrides: 1. In J 1.5 when a page is displayed, Joomla first looks to your template's html folder for an identically named file.
2. If it finds that file, it loads the OVERRIDE rather than the core code.
3. Core code is untouched, so you can update Joomla with patches without overwriting your hacks. You just have to copy the new patched file (if affected) and apply your same hacks as necessary.

Make sense? It took me a while to get it, but now that I understand the concept of overrides I'm totally loving it.