[resolu]de l'espace entre les catégories

Messagepar samia » Mar 04 Déc 2007, 19:58

Bonjour

Je veux ajouter de l'espace entre les catégories dans le dropdown menu, mais je trouve pas le fichier à modifier.
Si quelqu'un peut m'aider à trouver le fichier nécessaire?

merci d'avance pour votre aide.
samia
Membre actif
 
Messages: 72
Inscription: Ven 06 Juil 2007, 09:36

Messagepar cymbeline » Mer 05 Déc 2007, 12:36

Bonjour,

Regarde dans template/TonTemplate/boxes il y a des règles css pour categoriesBox, il faut que tu modifies les valeurs margin et padding de tes éléments.

Voici un exemple :

Code: Tout sélectionner
/* +----------------------------------------------------------------------+
// |Box Categories // Menu déroulant
// +----------------------------------------------------------------------+*/

#categoriesBox h4 {
   width:180px;
  height: 20px;
    margin: 0px;
    padding: 0px;
   color: #FFFFFF;
   font-size: 0.9em;
 background-image: url(../images/fd_cat_nav.jpg);
  background-repeat: repeat-x;
  text-align: center;
 font-family: Geneva, Arial, Helvetica, sans-serif;
    /*text-indent:-9999px;*/
    /*background: transparent url(../images/boxes/categories.png) no-repeat;*/
}

#categoriesBox { /*----------Conteneur principale de la categoriBox-------------*/
 width: 180px;
 margin:0px;
  padding: 0px;
 list-style: none;
 z-index:10;
 font-family: Geneva, Arial, Helvetica, sans-serif;
  /*border: 1px solid red;*/
}
#categoriesBox ul{ /*----------Conteneur 1er niveau -------------*/
  margin:0px;
  padding: 0px;
 /*border: 1px solid lime;*/
}

#categoriesBox ul li{ /*----------Conteneur 1er niveau liste-------------*/
 width: 178px;
 margin: 3px 0px 3px 0px; 
  padding: 1px 0px 1px 0px;
 text-align:center;
  border: 1px solid #999999;
  /*height: 20px;*/
}
#categoriesBox ul li a{ /*----------descriptif liste de liens du 1er niveau-------------*/
  margin: 0px; 
  padding: 0px;
 color: #000000;
 font-weight: bold;
 
}
#categoriesBox ul li a:hover, #categoriesBox ul li a:active{ /*----------descriptif liste de liens du 1er niveau-------------*/
  margin: 0px; 
  padding: 0px 5px 0px 5px;
 color: #FFF;
  font-weight: bold;
  /*border: dotted 1px #ff5200;*/
 background-color: #ff8000;
 
}
#categoriesBox li ul{ /*----------Conteneur 2eme niveau "à l'intérieur du 1er"-------------*/
 /*position: absolute;*/
 width: 156px;
 padding: 0px 0px 0px 0px;
  margin: 0px 10px 0px 10px;
  /*text-align: center; */
  /*border: 1px solid orange;*/
 /*background-color: #66FFFF;*/
 
}
#categoriesBox li ul li{ /*----------descriptif liste de liens du 2eme niveau-------------*/
  width: 156px;
 height: 16px
  padding: 3px 0px 3px 0px;
  margin: 3px 0px 3px 0px;
  /*text-align: center;*/
 /*border: 1px solid blue;*/
}

#categoriesBox li li{
 /*width: 156px;*/
 /*height: 16px;*/
 padding: 0px 0px 2px 0px;
  margin-right: 0px 0px 0px 0px;
  border: none;
 background-image: url(../images/fd_bt_cat_2emniveau.jpg);
 background-repeat: repeat-x;
  /*border: 1px solid red;*/
 
 
}

#categoriesBox li li a{ 
 
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-weight: bold;
  color: #ffffff;
 
}
#categoriesBox li li a:hover{ 
 
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  color: #000000;
 border: none;
 background-color: transparent;
 
 
}
#categoriesBox li li ul{ /*----------Conteneur 3eme niveau-------------*/

  padding: 0px;
  margin: 0px;
  border: none
  /*border: 1px solid red;*/
 
 
}
#categoriesBox li li ul li{ /*----------Liste de liens 3eme niveau-------------*/

  padding: 0px;
  margin: 4px 0px 0px 0px ;
 /*background-image: url(../../../images/fleche_menu.gif);*/
 background-image: url(../images/puce.png);
  background-repeat: no-repeat;
 background-position: left;
 
  /*border: 1px solid blue;*/
}
#categoriesBox li li ul li a{ /*----------Liste de liens 3eme niveau-------------*/

 padding: 0px ; 
  margin: 0px ;
 
  color: #ff8000;
 font-weight: bold;
  /*border: 1px solid blue;*/
}

Bon code ++
cymbeline
Membre très actif
 
Messages: 265
Inscription: Mer 06 Sep 2006, 20:01
Localisation: Nevers

Messagepar samia » Jeu 06 Déc 2007, 10:47

Merci c'est résolue
samia
Membre actif
 
Messages: 72
Inscription: Ven 06 Juil 2007, 09:36


Retourner vers Design

 


  • Articles en relation
    Réponses
    Vus
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 7 invités

cron