travelI'm on Holidays until the 19th august.

The questions posted during this period will receive no answer, so please be patient and wait before posting in the forum. Thank you

New registrations are suspended during this period

Je suis en vacances jusqu'au 19 aout.

Je ne répondrai à aucune question postée durant cette période. Merci d'attendre mon retour. Merci

Les inscriptions sur le site sont suspendues pendant cette période

 

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 to join the conversation.

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

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21382
  • Karma: 427
  • Thank you received: 2702
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

Please Log in to join the conversation.

Joomlack Webmaster and Developer
  • Page:
  • 1
Time to create page: 0.205 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 669 guests and no members online