lien dynamique verticale accordeon

EDN Concerné(e)

Rang

Inscrit le : 15/09/2009 à 01h34

Le 19/11/2011 à 02h05

Bonsoir swan voila j'ais fait un menu comme expliquer méthode 1 mes j'aimerais mètre des image comme ici pour bien faire la distinction des catégorie et des lien comment puise procédés

http://l2hommage.eu

Site web

saturnin

Administrateur

Rang

Inscrit le : 08/08/2009 à 22h19

Messages: 3963

Le 19/11/2011 à 17h03

j'ai pas compris la question

j'ai pas vu de menu particulier non plus sur ton site. tu a suivi quel tuto ?¿

signaturesaturnin

Accroche toi au clavier, je retire le shell...

Site web

Theswat

EDN Concerné(e)

Rang

Inscrit le : 15/09/2009 à 01h34

Messages: 219

Le 19/11/2011 à 21h17

le tuto Lien dynamique verticale accordéon seulement le catégorie sont en écrit et j'aurais voulu mètre une image comme le menu ici pour le menu il ce trouve en haut a gauche

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 20/11/2011 à 11h28

Tu peux mettre un exemple d'une de tes images ?

swan_signature

Site web

Theswat

EDN Concerné(e)

Rang

Inscrit le : 15/09/2009 à 01h34

Messages: 219

Le 20/11/2011 à 11h57

je la fait et je la montre

Attention : Format du fichier invalide pas de PNG ? tempi on mes en jpg qualité va pas être top même le jpg peux pas mètre

voila mes c'est héberger directe chez moi c'est que un exemple si tu veux la retravailler swan dit le Edité par Theswat Le 20/11/2011 à 12h23

Site web

saturnin

Administrateur

Rang

Inscrit le : 08/08/2009 à 22h19

Messages: 3963

Le 20/11/2011 à 13h04

PNG peut etre pas, mais png oui.
png, jpeg, jpg et meme gif. au pire il a plein de hosteur d'image provisoire comme imageshack, casimages ou autre...

signaturesaturnin

Accroche toi au clavier, je retire le shell...

Site web

PascalD36

EDN Motivé(e)

Rang

Inscrit le : 08/10/2009 à 13h31

Messages: 386

Le 20/11/2011 à 13h07

PNG pause probleme png ca passe

Site web

Theswat

EDN Concerné(e)

Rang

Inscrit le : 15/09/2009 à 01h34

Messages: 219

Le 20/11/2011 à 13h15

ok je le saurais pour la prochaine mdr

Site web

saturnin

Administrateur

Rang

Inscrit le : 08/08/2009 à 22h19

Messages: 3963

Le 20/11/2011 à 14h10

Agrrrr sale abitude de windows sa ...

un fichier c'est en minuscule que sa se nome. et 8.3 8 caracteres+3 pour l'extention.
En principe meme sous dos c'etait les global en majuscule pour s'y retrouver.

depuis que ils ont passer les nom en format long, c'est une cata...

signaturesaturnin

Accroche toi au clavier, je retire le shell...

Site web

Theswat

EDN Concerné(e)

Rang

Inscrit le : 15/09/2009 à 01h34

Messages: 219

Le 20/11/2011 à 14h12

lol oui mes je le renommerais

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 20/11/2011 à 17h32

Bonsoir,

Alors il te faut mettre tes images en css dans cette partie du code css:

Code CSS :

div.accordion-toggle{
background:#CCCCCC url(images/accordeon_off.jpg) repeat-x scroll center bottom;
border-top:1px solid #CCCCCC;
color:#403A3E;
cursor:pointer;
margin-bottom:1px;
padding:9px 14px 6px;
position:relative;
z-index:10;
}
div.accordion-toggle:hover{
background-image:url(images/accordeon_over.jpg);
background-color:#CCCCCC;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

Et ensuite mettre tes images dans ce dossier :

Citation:

- Les 3 images "accordion_XXX.jpg" est à placer dans le dossier "/templates/Votre_Thème/theme/images"

Voilà ^^

swan_signature

Site web

Theswat

EDN Concerné(e)

Rang

Inscrit le : 15/09/2009 à 01h34

Messages: 219

Le 20/11/2011 à 19h39

voici le code que j'ai mes les image ce mete pas

Code CSS :

 
/* #####################*/
/*           Vertical Accordions          */
/* #####################*/
 
div#test-accordion{
/* margin:-8px; <== A débloquer si vous passez par l'administration/Contenu/Menu/Ajout menu de contenu */ 
width:189px; /* A modifier celon la largeur de vos menus dans les colonnes droite ou gauche */
}
 
div.accordion {
position: relative; 
width:200px; /* A modifier celon la largeur de vos menus dans les colonnes droite ou gauche */
}
 
div.accordion-toggle{
background:#CCCCCC url(images/accordeon_off.jpg) repeat-x scroll center bottom;
border-top:1px solid #CCCCCC;
color:#403A3E;
cursor:pointer;
margin-bottom:1px;
padding:9px 14px 6px;
position:relative;
z-index:10;
}
div.accordion-toggle:hover{
background-image:url(images/accordeon_over.jpg);
background-color:#CCCCCC;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}
 
 
div.accordion-toggle-active{
background-color:#CCCCCC;
background-image:url(images/accordeon_on.jpg);
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}
 
div.accordion-content{
border-bottom:1px solid #CCCCCC;
color:#000000;
overflow:hidden;
padding:5px 3px 6px;
}