•  » Styles
  •  » [Résolu] menu horizontal sutr thème à largeur variable

#31 2010-10-17 12:05:09

makno
Membre
Nantes
2007-10-24
1273

Re: [Résolu] menu horizontal sutr thème à largeur variable

exact, je me suis mal exprimé : je voudrais qu'il reste sur une ligne tant que l'écran n'est pas trop petit : et pour cela qu'il démarre plus à gauche, au bord du menu vertical, donc sous mon premier PWGstuff block...

Proposition : au lieu de créer 1 Block PWG par item de menu, je crée un seul block PWG et je rentre tout mon menu dedans.

Avantage : ne connaissant rien aux fichiers templates de PWG et au Javascript qu'il y a dedans, je peux rentrer mon HTML dans ce block, et faire mon CSS après.

Mais : est-ce que je pourrais, sans ce javascript obtenir une compatibilité avec les navigateurs IE qui ne font rien de ce qui va bien ? Je me doute que non...

Dernière modification par makno (2010-10-17 12:13:04)


Instants de Scènes, c'est là ! Sur mon site, vous trouverez 600 projets artistiques et 20 000 photos dans tous les domaines des arts vivants : théâtre, clown, danse, arts de la rue, conte, cirque, etc...

Hors ligne

#32 2010-10-17 12:19:57

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13324

Re: [Résolu] menu horizontal sutr thème à largeur variable

makno a écrit:

exact, je me suis mal exprimé : je voudrais qu'il reste sur une ligne tant que l'écran n'est pas trop petit : et pour cela qu'il démarre plus à gauche, au bord du menu vertical, donc sous mon premier PWGstuff block...

Sur une ligne ?!
C'est dommage car ça te complique bien trop les chose alors que tu l'aurais belle d'opter pour un affichage vertical pour les sous-menus.


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

#33 2010-10-17 14:49:06

makno
Membre
Nantes
2007-10-24
1273

Re: [Résolu] menu horizontal sutr thème à largeur variable

Yep mais ça ne me plaît pas, trop d'item dans un de mes sous-menu (8)

Sur mon site de test j'ai 2 brouillons :

-1 avec mes items dans plusieurs blocs
-1 avec tout mon menu dans un seul bloc

la 2eme solution me paraît bien plus prometteuse


Instants de Scènes, c'est là ! Sur mon site, vous trouverez 600 projets artistiques et 20 000 photos dans tous les domaines des arts vivants : théâtre, clown, danse, arts de la rue, conte, cirque, etc...

Hors ligne

#34 2010-10-17 15:52:15

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13324

Re: [Résolu] menu horizontal sutr thème à largeur variable

makno a écrit:

Sur mon site de test j'ai 2 brouillons

Vu.
Mais je préfère vraiment un affichage en colonnes.


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

#35 2010-10-17 16:01:44

makno
Membre
Nantes
2007-10-24
1273

Re: [Résolu] menu horizontal sutr thème à largeur variable

Pour des questions esthétiques ou pratiques ?


Instants de Scènes, c'est là ! Sur mon site, vous trouverez 600 projets artistiques et 20 000 photos dans tous les domaines des arts vivants : théâtre, clown, danse, arts de la rue, conte, cirque, etc...

Hors ligne

#36 2010-10-17 16:03:49

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13324

Re: [Résolu] menu horizontal sutr thème à largeur variable

Les deux mon capitaine.
Si je clique sur un menu, instinctivement je m'attends à ce que les sous-menus s'affiche en dessous et proche de la position de ma souris afin de minimiser les trajets.

;-)


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

#37 2010-10-17 16:28:20

makno
Membre
Nantes
2007-10-24
1273

Re: [Résolu] menu horizontal sutr thème à largeur variable

Oui, j'entends bien...Pour ma part j'apprécie assez l'inverse, quand il y a trop d'items dans les sous-menu...mais je le garde dans un coin de ma tête, peut-être qu'avec une autre présentation des sous-menu, je n'aurais pas cette impression de paquet.

Bon, il me reste à fignoler et adapter pour IE. Le "rendus dans" de Firefox est fiable ?


Instants de Scènes, c'est là ! Sur mon site, vous trouverez 600 projets artistiques et 20 000 photos dans tous les domaines des arts vivants : théâtre, clown, danse, arts de la rue, conte, cirque, etc...

Hors ligne

#38 2010-10-17 17:00:48

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13324

Re: [Résolu] menu horizontal sutr thème à largeur variable

Ca va pas mal quand même ;-)
C'est fou ce que l'on peut faire avec PWG_Stuff ^^


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

#39 2010-10-17 17:18:41

makno
Membre
Nantes
2007-10-24
1273

Re: [Résolu] menu horizontal sutr thème à largeur variable

Merci !

Oui, Pwgstuff, c'est super. Avec quasiment aucune connaissances, finalement j'arrive à sortir un truc.

Tu crois que quand ça sera fini, je peux en faire une astuce pour le forum ?


Instants de Scènes, c'est là ! Sur mon site, vous trouverez 600 projets artistiques et 20 000 photos dans tous les domaines des arts vivants : théâtre, clown, danse, arts de la rue, conte, cirque, etc...

Hors ligne

#40 2010-10-17 17:33:49

makno
Membre
Nantes
2007-10-24
1273

Re: [Résolu] menu horizontal sutr thème à largeur variable

Bon, rien ne s'affiche dans IE.

J'ai été faire un tour sur le web, je vois que c'est tout un apprentissage (pour moi) que de rendre ça compatible.... Là si tu peux me donner qqs tuyaux rapides...

Voici mon CSS :

Code:

/*.............MENU UN SEUL BLOCK PWGSTUFF..............*/
/*css du bloc*/
div #stuffs_block_14 .personal_block{
   margin-bottom: 25px;
   margin-left: -20px;
}

/*css du menu*/
#menu1{
    margin: 0px; 
    padding: 0px;
    list-style: none;
    color:#52ff97;
}
#menu1 li {
    float: left;
    width: 150px ;
    background-color: #101010;
    margin-right: 10px ; 
}
#menu1 li ul {
    color: #A5e6fff;
    position:absolute;
    display:none;
}
#menu1 li #sousmenu1 {
    margin-left: -195px;
    padding-top: 5px;
    list-style: none;
}
#menu1 li #sousmenu1 li {
    margin-right: 5px;
    width: 110px;
}
#menu1 li #sousmenu2 {
    margin-left: -515px;
    padding-top: 5px;
    list-style: none;
}
#menu1 li #sousmenu2 li {
    margin-right: 5px;
    width: 95px;
}
#menu1 li ul li{
    width: 175px;
    line-height: 16px ;
    text-align: center; 
    background: #A6341C ; 
    color: #A5e6ff ; 
    border: 1px solid #600 ; 
    margin: 2 1 2 0 ;
    padding: 4px 3px ;  
}
#menu1 li ul li:hover, #menu li ul li:focus, #menu li ul li:active { 
    background: #bf7060;
    color: #ffff80; 
}
#menu1 li:hover ul {
 display:block;
}

Instants de Scènes, c'est là ! Sur mon site, vous trouverez 600 projets artistiques et 20 000 photos dans tous les domaines des arts vivants : théâtre, clown, danse, arts de la rue, conte, cirque, etc...

Hors ligne

#41 2010-10-17 21:51:52

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13324

Re: [Résolu] menu horizontal sutr thème à largeur variable

makno a écrit:

Bon, rien ne s'affiche dans IE

Sur mon IE ça s'affiche. Mais... il fallait être loggé ;-)


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

#42 2010-10-17 22:38:17

makno
Membre
Nantes
2007-10-24
1273

Re: [Résolu] menu horizontal sutr thème à largeur variable

Oui, il fallait que j'attribue les droits aux visiteurs dans le block, c'est tout... :(

Dernière modification par makno (2010-10-17 22:44:47)


Instants de Scènes, c'est là ! Sur mon site, vous trouverez 600 projets artistiques et 20 000 photos dans tous les domaines des arts vivants : théâtre, clown, danse, arts de la rue, conte, cirque, etc...

Hors ligne

#43 2010-10-17 23:02:18

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13324

Re: [Résolu] menu horizontal sutr thème à largeur variable

Rappel, pour ceux qui n'ont pas tout suivi, voici un aperçu : http://www.instants-de-scenes.com/piwigo21/index.php?


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

#44 2010-10-18 08:34:15

makno
Membre
Nantes
2007-10-24
1273

Re: [Résolu] menu horizontal sutr thème à largeur variable

Et voilà, clap de fin.

C'est adapté pour IE, je n'ai plus qu'a mettre les liens et transférer en production.

Je ferme le sujet.


Instants de Scènes, c'est là ! Sur mon site, vous trouverez 600 projets artistiques et 20 000 photos dans tous les domaines des arts vivants : théâtre, clown, danse, arts de la rue, conte, cirque, etc...

Hors ligne

  •  » Styles
  •  » [Résolu] menu horizontal sutr thème à largeur variable

Pied de page des forums

Propulsé par FluxBB

github twitter facebook newsletter Faire un don Piwigo.org © 2002-2019 · Contact