Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: rounded corners on fancy effect

rounded corners on fancy effect 13 Apr 2011 06:19 #15

  • Anonym
  • Anonym's Avatar Topic Author
  • Visitor
  • Visitor
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;
/**
** 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.

Re: rounded corners on fancy effect 13 Apr 2011 06:20 #16

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21901
  • Karma: 427
  • Thank you received: 2751
Ok
hereafter the code you should use with your images :
/**
** 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.

  • Page:
  • 1
Time to create page: 0.265 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 543 guests and no members online