Annonce

Écrire une réponse

Veuillez écrire votre message et l'envoyer

Cliquez dans la zone sombre de l'image pour envoyer votre message.

Retour

Résumé de la discussion (messages les plus récents en premier)

Katryne
2022-11-04 16:21:43

C'est de l'entr'aide intra-provençale toussa. Vous êtes géniaux.

dreamer
2022-11-04 15:49:03

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+

dreamer
2022-11-04 15:47:57

Katryne a écrit:

Pour les drapeaux, j'arrive à rien Dreamer. Alors, j'ai désactivé le plugin.

Code:

height:16px !important;

Ton height est à 26 px, donc ça merdoie !!

A+

Katryne
2022-11-04 15:03:00

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.

gbo
2022-11-04 14:51:39

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;
}

Katryne
2022-11-04 14:38:49

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 ...

gbo
2022-11-04 14:38:28

​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 ....

Katryne
2022-11-04 14:30:29

Pour les drapeaux, j'arrive à rien Dreamer. Alors, j'ai désactivé le plugin.

dreamer
2022-11-04 14:08:35

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+

Katryne
2022-11-04 14:06:34

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 ...

Katryne
2022-11-04 13:38:29

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 ...

gbo
2022-11-04 11:11:40

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....

Katryne
2022-11-01 19:16:08

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/

Katryne
2021-02-12 16:39:53

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.

TOnin
2021-02-12 16:06:32

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é.

Code:

<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.

Pied de page des forums

Propulsé par FluxBB

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