Piwigo.org

dreamer · 2024-11-21 11:59:32

Bonjour/Bonsoir,

j'aimerais modifier le fil d'Ariane, c'est à dire enlever le slash devant le nom après accueil et impossible de changer malgré de nombreux essais !!

Le css de bootstrap l'emporte toujours, c'est désespérant....

Exemple : https://beauxvoyages.fr/recette/index.php?/category/17, que j'ajoute mon css avec [extension by Piwigo Team] LocalFiles Editor ou dans le custom du thème, ça ne fonctionne pas !!

Mon code

Code:

.nav-breadcrumb .nav-breadcrumb-item + .nav-breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: inherit;
    content: '\f054';
}

Pour une fois, je patauge.

A+

Dernière modification par dreamer (2024-11-21 14:02:48)

Katryne · 2024-11-21 14:56:19

Hello Dreamer !
Dans le index.tpl de Bootstrap, je vois un truc au sujet d'un "level separator" qui pourrait correspondre au slash dans le fil d'Ariane :

{if isset($chronology.TITLE)}
<a href="{$U_HOME}" title="{'Home'|@translate}"><i class="fas fa-home" aria-hidden="true"></i></a>{$LEVEL_SEPARATOR}{$chronology.TITLE}

C'est tout ce que je peux dire, car en css, je n'ai trouvé aucun levier d'action. J'ai pas l'habitude, car c'est plutôt ta mission à toi, de trouver les bons sélecteurs.

gbo · 2024-11-21 16:14:58

.nav-breadcrumb .nav-breadcrumb-item + .nav-breadcrumb-item::before {
display: inline-block;
padding-right: 0.5rem;
padding-left: 0.5rem;
color: inherit;
content: "/";
}

Remplacer content: "/"; par content: " ";

**** Attention aux effets de bord ****

Dernière modification par gbo (2024-11-22 07:49:19)

dreamer · 2024-11-21 23:44:54

Salut vous deux

Bon, ça ne fonctionne pas car, c'est le css du thème qui l'emporte !!

Katryne · 2024-11-22 04:13:52

Dreamer, sur mon site de test, ça marche très bien, avec mon Bootstrap Darkroom customisé : https://blackland.legtux.org/index.php/ … toutounous

polowigo · 2024-11-22 10:31:11

Bonjour,

Dans mon css perso de Bootstrap Darkroom (onglet css de LocalFiles Editor), j'ai une solution identique à celle de gbo et je n'ai pas constaté d'effet de bord :

Code:

.nav-breadcrumb .nav-breadcrumb-item + .nav-breadcrumb-item::before {
    color:#dd8!important;
    content: "\3E";
}

J'ai choisi un chevron vers la droite.

polowigo · 2024-11-22 10:46:05

@dreamer
Actuellement, je vois dans ton css compilé q2l9ui.css:

Code:

[.nav-breadcrumb .nav-breadcrumb-item + .nav-breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: inherit;
    content: "/";
}

As-tu tenté de purger les templates compilés ?

polowigo · 2024-11-22 10:58:02

En revanche, j'ai testé le content: "\f054" et le caractère correspondant n'est pas trouvé.
As-tu un @font-face faisant appel à une police particulière ?

dreamer · 2024-11-22 14:06:31

polowigo a écrit:
En revanche, j'ai testé le content: "\f054" et le caractère correspondant n'est pas trouvé.
As-tu un @font-face faisant appel à une police particulière ?

En fait, ça provient de https://fontawesome.com/icons et c'est l'icone de > en version solid (5.15.4)

J'ai retrouvé le fichier css qui correspondrait mais dans le fichier _data et là, je patauge !!

polowigo · 2024-11-22 14:27:53

Peux-tu déjà tester le mien en LocalFiles Editor : content: "\3E";
C'est aussi un > en fontawesome et on saura déjà si il est correctement interprété.

Les fichiers dans _data, c'est piwigo qui les compile à partir de tes configurations. On n'a pas à les modifier directement en principe.

Katryne · 2024-11-22 14:34:18

Sur mon site de test, ton code marche bien, Polowigo. Dans LFE.
https://blackland.legtux.org/index.php/ … toutounous

polowigo · 2024-11-22 14:44:55

Bonjour Katryne,
Je vois ça oui, avec les gentils toutous :-)
Reste à savoir si le code \f054 est correct car je ne le trouve pas sur le site de fontawesome. Ce serait sympa que dreamer indique le lien direct vers l'icône.

Katryne · 2024-11-22 15:05:03

Sur mes sites, je rapatrie en principe en local mes fonts et les scripts pour rester indépendant des sites externes.
Mon dossier de font awesome st donc dans : /local/css/fonts
Et dans LFE, j'appelle ainsi mes fontawesome :

Code:

@font-face{
  font-family:'fontawesome';
  font-style:normal;
  font-weight:normal;
  src:url("fonts/fontawesome-webfont.eot?v=4.2.0");
  src:url("fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"),url("fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"),url("fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"),url("fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg")}

Dernière modification par Katryne (2024-11-22 15:05:28)

gbo · 2024-11-22 15:14:07

Je n'utilise pas Bootstrap, ce thème est magnifique mais trop lourd pour mon micro site.

Quelque chose comme ci dessous devrait fonctionner

font-family: "Font Awesome 5 Free";
font-size: 1.25rem;
font-weight: 900;
content: "\f054";

dreamer · 2024-11-22 15:16:06

Bon, je n'y arrive pas !!

@Katryne : quel thème utilises-tu ?

@polowigo, en fait le code que je devrais utiliser est : f105

Piwigo.org

Annonce

#1 2024-11-21 11:59:32

[Résolu] Modifier fil d'Ariane

Code:

#2 2024-11-21 14:56:19

Re: [Résolu] Modifier fil d'Ariane

#3 2024-11-21 16:14:58

Re: [Résolu] Modifier fil d'Ariane

#4 2024-11-21 23:44:54

Re: [Résolu] Modifier fil d'Ariane

#5 2024-11-22 04:13:52

Re: [Résolu] Modifier fil d'Ariane

#6 2024-11-22 10:31:11

Re: [Résolu] Modifier fil d'Ariane

Code:

#7 2024-11-22 10:46:05

Re: [Résolu] Modifier fil d'Ariane

Code:

#8 2024-11-22 10:58:02

Re: [Résolu] Modifier fil d'Ariane

#9 2024-11-22 14:06:31

Re: [Résolu] Modifier fil d'Ariane

polowigo a écrit:

#10 2024-11-22 14:27:53

Re: [Résolu] Modifier fil d'Ariane

#11 2024-11-22 14:34:18

Re: [Résolu] Modifier fil d'Ariane

#12 2024-11-22 14:44:55

Re: [Résolu] Modifier fil d'Ariane

#13 2024-11-22 15:05:03

Re: [Résolu] Modifier fil d'Ariane

Code:

#14 2024-11-22 15:14:07

Re: [Résolu] Modifier fil d'Ariane

#15 2024-11-22 15:16:06

Re: [Résolu] Modifier fil d'Ariane

Pied de page des forums