[AIDE]Bordure menu.

Créations de Modules

Nervado Membre non connecté

Booster Fronde

Le 11/08/2011 à 10h55

#104639

Booster Fronde
Voir le profil du membre Nervado
Inscrit le : 11/08/2011

Bonjour, je vous ai fais un screen pour décrire mon problème, je ne savais pas trop comment l'expliquer.

Visiteur

Boosteur Inactif

Le 11/08/2011 à 11h57

#104640

Boosteur Inactif
Voir le profil du membre
Inscrit le : 02/06/2026

Bonjour,

Alors là, tu n'as pas 36 solutions à ta portée ... Il va te falloir les placer en background .. Les mini containers sont constitués de trois parties:

Code TPL :

<div class="module_mini_container">
  <div class="module_mini_top"> /* ici tu à l'image du haut */
   <div class="module_mini_contents"> /* là l'image centrale */
   <div class="module_mini_bottom"> </div> /* Et pour finir l'image du bas*/
</div>

Tu trouveras toutes les class à modifier dans le content.css vers la fin du fichier ^^

@imablement Swan.

Nervado Membre non connecté

Booster Fronde

Le 11/08/2011 à 23h38

#104642

Booster Fronde
Voir le profil du membre Nervado
Inscrit le : 11/08/2011

J'ai pas très bien compris

..

Si par exemple j'ai cette image :

Et que je voudrais que cette image fasse la bordure du module menu..

Que dois-je modifier dans le .css ? sachant que l'image s'appelle bordure.png :

Visiteur

Boosteur Inactif

Le 12/08/2011 à 11h10

#104649

Boosteur Inactif
Voir le profil du membre
Inscrit le : 02/06/2026

Bonjour,

Il faudrait que tu fasses comme ceci :

Code CSS :

.module_mini_bottom {
    background: url("images/image-du-bas.jpg") no-repeat scroll center bottom transparent;
width:180px;
Height: XXXpx; /* selon la hauteur de ton image */
}

@imablement Swan.

Nervado Membre non connecté

Booster Fronde

Le 12/08/2011 à 18h47

#104652

Booster Fronde
Voir le profil du membre Nervado
Inscrit le : 11/08/2011

Bonjour, j'ai suivis votre conseil mais maintenant les menus sont tous de la même taille ;

Voici ce que j'ai mis dans le content.css :

Code PHP :

.module_mini_contents {
    background: url("images/bordurecote.png") no-repeat scroll center bottom transparent;
    width:180px;
    Height: 19px; /* selon la hauteur de ton image */
}
 
.module_mini_bottom { /* Bordure inférieur des modules minis */
    background: url("images/bordurebas.png") no-repeat scroll center bottom transparent;
    width:180px;
    Height: 19px; /* selon la hauteur de ton image */
}

Édité par Nervado Le 12/08/2011 à 18h51

Gigaldeo Membre non connecté

Booster Bazooka

Le 12/08/2011 à 18h51

#104653

Booster Bazooka
Voir le profil du membre Gigaldeo
Inscrit le : 17/05/2011

Bonjour Nervado.

Essaye alors d'étirer les menus comme indiqué ci-dessous:

Code CSS :

.module_mini_bottom {
    background: url("images/image-du-bas.jpg") no-repeat scroll center bottom transparent;
width:180px;
Height: XXXpx; /* selon la hauteur de ton image */
}

Tu vois,c'est patqué "Height: XXXpx"
Et là,tu remplaces "XXX" la hauteur que tu désires mettre.

Et vide le cache.

Cordi@lement,Gigaldeo.

Édité par Gigaldeo Le 12/08/2011 à 18h55

Créations de Modules

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie