Blog d'aide de Blog4ever

:bd:Je souhaiterai modifier le design du fil d'ariane d'un forum mais après plusieurs tentatives infructueuses, je viens chercher de l'aide. J'ai modifié le design des liens. Mais une fois sur la "page active" impossible de descendre le texte de la page en question pour que ce soit au niveau de la flèche. 

Y'a-t-il un moyen, ou est-ce impossible? Il n'y a pas de balise, mais peut-être y'a-t il une autre solution?


ps: Bonnes fêtes de Pâques!::ppv:

:bd:

Je ne vois pas la page en question !
si tu peux mettre l'adresse c'est mieux.
Sinon une capture écran de la page complète.
C'est quoi la page active ?
:por:

Bonjour Simon,

Désolée voilà le lien, c'est sur mon blog test : forum
Est-ce que je dois débloquer l'accès ou c'est bon?
Quand je dis "page active" je veux dire quand on est dans un sujet et qu'on remonte à la catégorie de ce sujet, le lien dans le fil d'ariane (de cette catégorie) n'est plus cliquable. C'est à ce moment là que j'ai un soucis de mise en page.

je regarde


.forum_breadcrumb {
    background: #0c1117 none repeat scroll 0 0;
    border: 1px solid #162185;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    width: 100%;
    padding: 12px;
}
.forum_breadcrumb a {
    background-color: #162185;
    background-image: linear-gradient(to left, #0c1145, #162185);
    color: #e8e8e8;
    float: left;
    padding: 0.1em 1em 0.7em 2em;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

J'ai joué sur ces 2 réglages et c'est pas trop mal !

    

Je viens de recevoir le message, ça marche je ne touche plus à rien :)

Si c'est bon tout va bien !

:sol:  @+

et merci,
Effectivement ça descend le texte mais ça déforme aussi la flèche et ça l'écrase sur le lien :snif:
Tant pis je crois que je vais laisser tomber, mais c'est dommage qu'on ne puisse pas le modifier ce texte...

:b2:quand même ^^

re    @KYÛ@

essaies ça :
J'ai enlevé le float:left.

fait un copier/coller pour voir.
(tu peux jouer sur les 2 valeurs padding et height. pour ajuster ) 16 et 20 par exemple

.forum_breadcrumb {
    background: #0c1117 none repeat scroll 0 0;
    border: 1px solid #162185;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    width: 100%;
    height: 12px;
    padding: 25px; 
}
.forum_breadcrumb a {
    background-color: #162185;
    background-image: linear-gradient(to left, #0c1145, #162185);
    color: #e8e8e8;
    padding: 0.7em 1em 0.7em 2em;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

Super, le texte est enfin aligné 
Il ne me reste plus qu'à trouver comme le pousser vers la droite quand les deux flèches sont réunies (quand le lien est cliquable) et ce sera parfait.
Merci encore!!

Dernière modification le mardi 29 Mars 2016 à 21:53:59

Bonsoir,
Bon ben pour ceux que ça intéresse, ce n'est pas possible, il y'a forcément un écart entre les deux liens dû à l'icône flèche (présente de manière automatique). En l'enlevant, les deux liens sont réunis, mais une fois sur la "page active" le texte est décalé  et passe derrière... 
Qui sait, peut-être un jour :bye:

re
Je vois que le problème est résolu.

c'est mieux de mettre une image car on peut la placer plus facilement.

@ la prochaine.

C'était pas si facile, j'ai mis un moment avant de comprendre que je devait modifier la position de l'image pour qu'elle apparaisse, mais le résultat ne me plaît pas, ce n'est pas ce que j'avais en tête du tout et je trouve que le rendu n'est pas top...
Mais bon c'est pas grave, je vais continuer de chercher et je finirai peut-être par trouver quelque chose de plus potable pour le prochain design ^^
:bye:

@Kyû@

:flech: et avec cette  flèche ?

J'ai fait un test et c'est pas mal .....:oe:

.dark [class^="icon-"], .dark [class*=" icon-"] {
    background-image: url("http://img15.hostingpics.net/pics/725486f12d.gif") !important;
    background-position: center center;
    height: 30px;
    margin: -5px;
    padding: 2px 0 0 60px;
}
.forum_breadcrumb i {
    margin: 0 0 0 10px;
    opacity: 1!important;
}
/*lueur bleutée*/
.highlight {
    background-color: #181555;
}

C'est gentil mais je ne suis pas vraiment fan des trucs "flashy" et le principe c'était précisément de me débarrasser de cette flèche ()au milieu (pour tenter d'obtenir un fil d'arianne un peu plus ...design? personnalisé?)
Mais ne t'en fais pas c'est pas grave. Je sais bien que tout n'est pas forcément réalisable. Mais vraiment merci de ton aide, même si je n'ai pas tout appliqué, ça m'a quand même aidé sur certains points  :sol:

ok  si tout va bien.