Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Fil d'ariane du forum

260 appréciations
Hors-ligne
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!

742 appréciations
Hors-ligne


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 ?






260 appréciations
Hors-ligne
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.

742 appréciations
Hors-ligne
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 !

    






260 appréciations
Hors-ligne
Je viens de recevoir le message, ça marche je ne touche plus à rien :)

742 appréciations
Hors-ligne


Si c'est bon tout va bien !

  @+






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

quand même ^^

742 appréciations
Hors-ligne
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);
}






260 appréciations
Hors-ligne
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

260 appréciations
Hors-ligne
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

742 appréciations
Hors-ligne
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.






260 appréciations
Hors-ligne
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 ^^

742 appréciations
Hors-ligne
@Kyû@

et avec cette  flèche ?

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

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







260 appréciations
Hors-ligne
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 (<i>)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  

742 appréciations
Hors-ligne
ok  si tout va bien.






Ce sujet est fermé, vous ne pouvez pas y répondre
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Petits soucis.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6513 autres membres