Changer l'apparence du chemin d'accès

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Changer l'apparence du chemin d'accès

Message par Archimus le Ven 5 Fév 2016 - 5:03

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.


Dernière édition par Archimus le Mer 17 Fév 2016 - 21:46, édité 1 fois

Archimus
***

Messages : 152
Inscrit(e) le : 15/05/2015

http://www.crystal-fox.net/
Archimus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer l'apparence du chemin d'accès

Message par Invité le Mer 10 Fév 2016 - 22:59

Bonjour Archimus,

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer l'apparence du chemin d'accès

Message par Archimus le Jeu 11 Fév 2016 - 18:24

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.

Archimus
***

Messages : 152
Inscrit(e) le : 15/05/2015

http://www.crystal-fox.net/
Archimus a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Changer l'apparence du chemin d'accès

Message par MlleAlys le Lun 15 Fév 2016 - 18:55

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)

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer l'apparence du chemin d'accès

Message par Archimus le Mer 17 Fév 2016 - 17:23

Bonjour,

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



Bonne journée.

Archimus
***

Messages : 152
Inscrit(e) le : 15/05/2015

http://www.crystal-fox.net/
Archimus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer l'apparence du chemin d'accès

Message par MlleAlys le Mer 17 Fév 2016 - 17:42

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*/


MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer l'apparence du chemin d'accès

Message par Archimus le Mer 17 Fév 2016 - 21:46

Un grand merci en tout cas Smile ça fonctionne parfaitement Smile

Archimus
***

Messages : 152
Inscrit(e) le : 15/05/2015

http://www.crystal-fox.net/
Archimus a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum