rounded corners on fancy effect

Anonym
Topic Author
Visitor

13 years 7 months ago #15 by Anonym

rounded corners on fancy effect was created by Anonym

Hi,
I use the fancy effect but no sub-menu's. I enter the following since I want to use rounded corners of the effect, so I enter;

Code:

/**
** fancy parameters
**/

div# .maxiFancybackground {
   list-style : none;
}

div# .maxiFancybackground .maxiFancycenter {
   background: url(../images/menu_active-centre.png) repeat-x top;
   height : 57px;
}

div# .maxiFancybackground .maxiFancyleft {
       background: url(../images/menu_active-left.png) no-repeat left top;
       height: 57px;
}

div# .maxiFancybackground .maxiFancyright {
       background: url(../images/menu_active-right.png) no-repeat right top;
       height: 57px;
}

Also this doesn't work. The left image is overwritten by the center-image and the right image is shown below the other images.

I hope you can help me within short with my questions since I need to use it for a site I'm currently building.

Best regards

Please Log in or Create an account to join the conversation.

ced1870
Away
Administrator

13 years 7 months ago #16 by ced1870

Replied by ced1870 on topic Re: rounded corners on fancy effect

Ok
hereafter the code you should use with your images :

Code:

/**
** fancy parameters
**/

div#<?php echo $id; ?> .maxiFancybackground {
    list-style : none;
}

div#<?php echo $id; ?> .maxiFancybackground .maxiFancycenter {

    background: url(../images/menu_active-centre.png) repeat-x top;
    height : 57px;
    margin-left: 5px;
    margin-right: 5px;
}

div#<?php echo $id; ?> .maxiFancybackground .maxiFancyleft {

    background: url(../images/menu_active-left.png) no-repeat left top;
       height: 57px;
       width: 5px;
       margin-left: -5px;
}

div#<?php echo $id; ?> .maxiFancybackground .maxiFancyright {

    background: url(../images/menu_active-right.png) no-repeat right top;
    height: 57px;
    margin-top: -57px;
    margin-right: -5px;
}

Tested, it works by my side on IE7+8,FF,Opera, Safari, Chrome

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

Time to create page: 0.203 seconds