rounded corners on fancy effect

  • Anonym
  • Anonym's Avatar Topic Author
  • Visitor
  • Visitor
  • Thanks: 0

rounded corners on fancy effect was created by Anonym

Posted 12 years 11 months ago #15
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
by Anonym

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

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

Posted 12 years 11 months ago #16
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

by ced1870

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

Time to create page: 0.605 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1143 guests and no members online