Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • treybraid Friend
    #142091

    here is the url: http://www.treybraids-designs.com/swa/

    i am trying to add rounded corners to my template … want to add to modules on both the left and right columns… i have tried to follow a tutorial from joomla.org and it isnt working…

    i have entered this css in the template at the end of the file: i am using 3 images for the corners: top / middle and bottom

    /* this is for rounded corners */

    .module_rounded {
    background-image: url(../images/module_middle.png);
    background-repeat: repeat-y;
    padding: 0px 0px 0px 0px;
    margin: 6px 0px 6px 0px;
    width: 100%;
    }
    .module_rounded div {
    background-image: url(../images/module_top.png);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    background-position: top;
    }
    .module_rounded div div {
    background-image: url(../images/module_bottom.png);
    background-repeat: no-repeat;
    background-position: bottom;
    margin: 0px;
    padding: 0px;
    }
    .module_rounded div div div {
    background-image: none;
    padding: 0px;
    margin: 0px;
    }
    *************************************************
    and this is what i added in the index.php
    <jdoc:include type=”modules” name=”right” style=”rounded” />
    <jdoc:include type=”modules” name=”left” style=”rounded” />

    thanks
    trey

    sunrise Friend
    #308532

    Right off the bat I can’t tell you what is wrong or why it is not working, but why not try to use a template that already has rounded corners on the modules. Otherwise if you need you could copy the css from one of the other JA templates. They use 4 pictures in stead of 3, tl, tr, bl, br, for top and bottom, left and right,. The pictures are usually found in template/images/box_br.png or something like that. You also have to change part of the template.php file so that the module can use the rounded corners. Please let me know if you need more help and I will try or I’m sure someone else will too. good luck,

    treybraid Friend
    #308548

    sunrise i ended up getting it to work…probably a heck of a wordaround on my part… tweaking it a little more…

    trey

    sunrise Friend
    #308554

    Hi trey, glad you got it to work. I had a look at your site. Looks good. I just had a small comments. The headings on your rounded modules go all the way to the left and touch the border. I think it would look better to give that text a bit of a left margin. Good luck with the work.

    Sunrise

    Phill Moderator
    #308559

    I agree, a little margin would help.

    Also the black text box for the slideshow is miss alligned in IE7 but ok in IE8, FF and Safari.

    treybraid Friend
    #308635

    thanks sunrise and phil….

    yea i had taken a much needed break to clear my mind while i tried to figure this one out…. the css i added actually applied to not only the placement of the text but to the frame pix as well…so everytime i adjusted it everything moved… i ended up creating 2 graphics for the top ( one solid and the other with just an outline if that make’s any sense then added some more css for the 2nd graphic and it worked like a charm…

    when you view the site the mods with a solid header have a css suffix of ” _rounded ” and the mods with just a frame are labeled ” _rounded1 “….

    take a look and let me know what you think…

    trey

    treybraid Friend
    #308636

    phil any idea what fix i can use for the slideshow issue in explorer 7 ?

    kinda stumped on that…

    thanks
    trey

Viewing 7 posts - 1 through 7 (of 7 total)

This topic contains 7 replies, has 3 voices, and was last updated by  treybraid 15 years, 5 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum