Changer l'apparence du chemin d'accès

[Archimus]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://krystal-fox.forumactif.be/

Description du problème

Bonjour,

Je souhaiterai changer le chemin d'accès des forums comme sur l'illustration ci-dessus. Comment puis-je faire cette manœuvre ?

Bonne journée.

[Invité]

Bonjour Archimus,

C'est où ce chemin d'accès ? je n'arrive pas à situer où se situe cette image ?

[Archimus]

Bonjour,

En haut, sur forumactif, c'est celle-ci :

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum

Bonne journée.

[MlleAlys]

Bonjour,
Les liens des "chemins d'accès" (ou "fil d'ariane) sont tous de la class "nav" : on peut attribuer un fond à ces liens via la feuille de style css. J'ajoute un élément "after" qui apparait juste après le lien pour la pointe de la flèche. Quelques réglages pour que ça se positionne correctement, que les fonds apparaissent bien.
Essayez d'ajouter le code css suivant à votre feuille de style :

Code:


/*début fond chemin d accès*/
a.nav {
    background: url(http://zupimages.net/up/16/07/efyn.png);
    line-height: 18px;
    display: inline-block;
    background-repeat: repeat;
    padding: 5px;
    position: relative;
    margin-right: -20px;
    padding-left: 22px;
}

a.nav:after {
    line-height: 18px;
    width: 8px;
    font-size: 0;
    background: url(http://zupimages.net/up/16/07/eufc.png);
    display: inline-block;
    content: ". ";
    padding: 5px;
    position: absolute;
    right: -18px;
    top: 0;
    z-index: 1;
}
/*fin fond chemin d accès*/



J'ai rapidement découpé l'image que vous avez donnée en exemple pour faire le code mais si cet exemple a été pris sur un forum existant, le mieux serait de faire vos propres images !
image fond gris : (28px de haut, qui se répète)
image pointe : (28px de haut pour 18px de large)

[Archimus]

Bonjour,

Je suis face à un léger bug lorsque je suis sur l'affichage des sujets. Comment ça se fait ?



Bonne journée.

[MlleAlys]

Le "beug" correspond à un lien vide dans le fil d'ariane, mais je ne saurais dire d'où il vient, certainement un problème de personnalisation de votre côté, puisque je n'observe rien de tel sur un forum phpbb2 avec le thème de base. Cependant on peut bidouiller un petit peu pour camoufler cela :
Remplacez le css donné au dessus par le suivant :

Code:

/*début fond chemin d accès*/

a.nav[href*="/"] {
    background: url(http://zupimages.net/up/16/07/efyn.png);
    line-height: 18px;
    display: inline-block;
    background-repeat: repeat;
    padding: 5px 10px 5px 25px;
    position: relative;
    margin-right: -20px;
}
 
a.nav[href*="/"]:after {
    line-height: 18px;
    width: 8px;
    font-size: 0;
    background: url(http://zupimages.net/up/16/07/eufc.png);
    display: inline-block;
    content: ". ";
    padding: 5px;
    position: absolute;
    right: -18px;
    top: 0;
    z-index: 1;
}

/*fin fond chemin d accès*/



[Archimus]

Un grand merci en tout cas ça fonctionne parfaitement