Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • hruntic Friend
    #126119

    Hi guys,
    Can someone please take a look at this http://www.bondiwellness.com/ and tell me where did I go wrong to make it like this? 😎
    The slideshow doesn’t have that nice rounded frame around it.
    Please help!
    thx
    HR

    Menalto Friend
    #240669

    Check the images folder of the template for images called mask-slideshow-t.gif,mask-slideshow-l.gif,mask-slideshow.b.gif, mask-slideshow-r.gif, if you dont have them in the images folder please try to upload them there

    hruntic Friend
    #240673

    Thanks, man. This is Joomla 1.5 and in images folder I only have circle.png.
    Where do I get these images you mentioned?
    Thx,
    HR

    Menalto Friend
    #240674

    Download the template for 1.0.x version and get the images from there

    hruntic Friend
    #240677

    thanks, man, i solved it! you helped alot!
    HR

    liotru Friend
    #241298

    please help me … no round in the corners in my images on slideshow…
    thanks in advance

    Sherlock Friend
    #241801

    Hi liotru !

    You can try following way :

    – Copy 4 file : mask-slideshow-l.gif , mask-slideshow-r.gif , mask-slideshow-t.gif , mask-slideshow-b.gif to
    templates/ ja_genista/images folder.

    – Open template.css in templates/ ja_genista/css folder then add code section to file :


    .ja-slideshow-mask1 {
    background:transparent url(../images/mask-slideshow-l.gif) no-repeat scroll left top;
    display:block;
    height:210px;
    left:0pt;
    position:absolute;
    top:0pt;
    width:30px;
    z-index:2;
    }

    .ja-slideshow-mask2 {
    background:transparent url(../images/mask-slideshow-r.gif) no-repeat scroll right top;
    display:block;
    height:210px;
    position:absolute;
    right:0pt;
    top:0pt;
    width:30px;
    z-index:2;
    }
    .ja-slideshow-mask3 {
    width: 510px;
    display: block;
    background: url(../images/mask-slideshow-t.gif) repeat-x top;
    position: absolute;
    top: 0;
    left: 20px;
    height: 10px;
    z-index: 2;
    }

    .ja-slideshow-mask4 {
    width: 510px;
    display: block;
    background: url(../images/mask-slideshow-b.gif) repeat-x bottom;
    position: absolute;
    bottom: 0;
    left: 20px;
    height: 10px;
    z-index: 2;
    }

    Hope can help you !

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

This topic contains 7 replies, has 4 voices, and was last updated by  Sherlock 16 years, 8 months ago.

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