C'est de l'entr'aide intra-provençale toussa. Vous êtes géniaux.
Katryne a écrit:
Ahhhhh merci ! Et je l'ai mis aussi pour la largeur, parce qu'il y avait encore 1 mm du drapeau à côté. C'est curieux, cette grande image de Language Switch avec tous les drapeaux côte à côte où le plugin vient faire son marché en fonction de la langue spécifiée.
Merci à tous deux, grand merci.
Mince GBO a été plus rapide que moi !!
A+
Katryne a écrit:
Pour les drapeaux, j'arrive à rien Dreamer. Alors, j'ai désactivé le plugin.
height:16px !important;
Ton height est à 26 px, donc ça merdoie !!
A+
Ahhhhh merci ! Et je l'ai mis aussi pour la largeur, parce qu'il y avait encore 1 mm du drapeau à côté. C'est curieux, cette grande image de Language Switch avec tous les drapeaux côte à côte où le plugin vient faire son marché en fonction de la langue spécifiée.
Merci à tous deux, grand merci.
Katryne a écrit:
Ayé, j'ai réussi à sortir le titre de la ligne du menu, Fallait juste pas que je le laisse antre les balises nav.
Reste l'histoire des drapeaux , ça me chiffonne ...
Dans language_switch/language_switch.css
ajoute !important aprés height:16px.
[class*="langflag-"] {
background-image:url('flag_sprite.jpg') !important;
background-repeat:no-repeat;
background-position:24px 16px;
margin-right:3px;
width:24px;
height:16px !important;
direction:ltr;
}
Ayé, j'ai réussi à sortir le titre de la ligne du menu, Fallait juste pas que je le laisse antre les balises nav.
Reste l'histoire des drapeaux , ça me chiffonne ...
Pour le drapeau tu peux ajouter simplement
#languageSwitch .pwg-icon {
height: auto;
}
Pour le menu c'est un peu plus compliqué:
il faut gérer deux cas en fonctions de la taille de l'écran et donc avoir:
<a class="navbar-brand mr-auto" href="/">Carnets de balades</a>
(visible seulement si moins de 992px avec flex-wrap:wrap pour les petits écrans )
le texte 'balades..' restera à gauche de l’icône.
<div class="collapse navbar-collapse" id="navbar-menubar">.........</div>
<a class="navbar-brand mr-auto" href="/">Carnets de balades</a>
(visible seulement si plus de 992px avec flex-wrap: nowrap pour les grands écrans )
le texte 'balades..' sera sous le menu .... en principe..
Tu as de la chance, j'ai refait la mise en page de mon menu, il y a peu de temps ....
Pour les drapeaux, j'arrive à rien Dreamer. Alors, j'ai désactivé le plugin.
Katryne a écrit:
Merci GB.
Déjà pour les drapeaux, je trouve pas où agir. J'ai regardé le css de Bootstrap, ma customisation dans LFE, le css du plugin SwitchLang. Mais ai-je besoin des drapeaux de langue ? Si je trouve pas, je vais désactiver Switchlang ...
Salut voisine
je remarque que tes drapeaux sont un peu à la one-again., donc dans .pwg-icon, peux-tu mettre le width à 24px et le height à 16px
A+
Et pour le menu en haut .. ben un peu comme mes 13 essais précédents, j'ai bien réussi à inverser menu et titre, mais c'est toujours sur la même ligne (même en essayant un br juste avant.
C'est à cause du nowrap ? Et pourquoi le supprimer dans un des media-queries seulement, celui à min-width: 992px ?
Je te dis, je suis une quiche ...
Merci gbo.
Déjà pour les drapeaux, je trouve pas où agir. J'ai regardé le css de Bootstrap, ma customisation dans LFE, le css du plugin SwitchLang. Mais ai-je besoin des drapeaux de langue ? Si je trouve pas, je vais désactiver Switchlang ...
Katryne,
Juste une ébauche:
il fraudait dans header.tpl inverser l'ordre du menu et du titre
pour obtenir comme ci-dessous
<div class="collapse navbar-collapse" id="navbar-menubar">.........</div>
<a class="navbar-brand mr-auto" href="/">Carnets de balades</a>
Puis enlever le nowrap sur:
@media (min-width: 992px)
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
flex-wrap: nowrap;
}
je ne sais pas si c'est ce que tu souhaites et n'utilisant plus Darkroom, je n'ai aucune idée des effets de bord.
RQ:Tu as un petit souci avec l'affichage des drapeaux des langues.
sur pwg-icon langflag-fr_FR le height:26px est de trop....
Hello !
Je voudrais faire pareil avec BootStrap Darkroom. Je veux dire coller le menu tout en haut et avoir le titre du site en-dessous. Ou l'inverse, mais sur 2 lignes séparées. Le menu est trop long et quand on y ajoute les albums liés et les tags liés, on perd parfois le dernier item de menu (celui de la connexion)
J'ai essayé successivement (sans réussir) une template-extension de menu.tpl, puis de header.tpl. Mais j'ai été assez nullissime sur ce coup-là.
Qui aurait une suggestion, s'il vous plait ?
http://photos.katrynou.fr/
Merci TOnin, c'est du merveilleux bidouillage. Juste ce que je veux. J'ai même fait ça via les template extension et j'ai ajouté un peu de padding à gauche pour l'icône fermée des admins.
J'ai encore un petit souci pour la bannière en mode mobile portrait ou paysage, mais comme ça vire sur SmartPocket à ce moment-là, c'est tout bon.
Enfin, je crois.
Bonjour,
après avoir recherché dans le code 'page_banner', et tenté de dupliquer le code de la bannière après #menubar dans menubar.tpl, je me rends compte que ça ne marche pas...
Donc je propose cette solution rapide et loin d'être la plus élégante : copier le code HTML de la bannière, le coller à la fin de menubar.tpl, puis désactiver le rendu de la bannière dans les options de Piwigo, et ça devrait donner le résultat escompté.
<div id="theHeader"><h1 class="container-fluid" style="text-align: center;"> La vallée de Dardennes et du Las<br> Cartes postales et photos anciennes</h1> </div>
Le fait est qu'il n'y a pas, dans include/menubar.inc.php, d'assignation pour créer la variable $PAGE_BANNER dans menubar.tpl.