Résolu Encore un problème avec la barre !

[Warline]

Bonsoir,
​

Tout à l'heure j'avais le même souci, et merci à Daniel (que je peut pas identifier)

Pourquoi ? Si quelqu'un peut m'aider je suis preneur....

Screen :

Spoiler: Screen

Cordialement, Warline

 

[Wims]

Et béh, si il y avait un border radius, ce n'était pas pour rien, c'était fait exprès.
Du coup en le mettant à 0, ça donne des choses qui sont pas prévues.. ^^
Tu vas devoir modifier la longueur de la barre avec width

 

[Rivals]

EXTRA.CSS :

.level_2:first-child .xbSubHeading.categoryStrip.subHeading {
margin: 0px !important;
}

 

[Warline]

EXTRA.CSS :

.level_2:first-child .xbSubHeading.categoryStrip.subHeading {
margin: 0px !important;
}

Non fonctionnel :/

Edit : Si sa marche excuse je mettais tromper de "}" ! Merci beaucoup

 

[Rivals]

Non fonctionnel :/

Tu l'as mis en toute fin ? Sur le bon thème ?

 

[Warline]

Tu l'as mis en toute fin ? Sur le bon thème ?

Oui c'est bon Merci beaucoup

Maintenant il me reste la Shoutbox :

 

[Rivals]

Oui c'est bon Merci beaucoup

Maintenant il me reste la Shoutbox :

Donne l'accès à mon compte à ta shoutbox stp

 

[Warline]

Donne l'accès à mon compte à ta shoutbox stp

C'est bon

 

[Paul GTP]

Code actuel qui ne fonctionne pas

.nodeList .categoryStrip {
    font-size: 16px;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    color: rgb(44, 62, 80);
    background-color: rgb(220, 220, 220);
    padding: 10px 15px; /* Donc il comprend padding de 10px en haut et 15px à droite */
    margin-bottom: 0;
    border-top: 5px solid;
    border-bottom: 1px solid rgb(233, 233, 233);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-image: url(styles/images/fond.png);
    background-repeat: repeat;
    margin: 0;
    border-top-left-radius: 4px; /* Doublon */
    border-top-right-radius: 4px; /* Doublon */
    min-height: 6px;
}

Il faut donc remplacer par:

.nodeList .categoryStrip {
    font-size: 16px;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    color: rgb(44, 62, 80);
    background-color: rgb(220, 220, 220);
    padding: 10px 0;
    margin-bottom: 0;
    border-top: 5px solid;
    border-bottom: 1px solid rgb(233, 233, 233);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-image: url(styles/images/fond.png);
    background-repeat: repeat;
    margin: 0;
    min-height: 6px;
}

Edit: Le problème avec ce code c'est que les flèches à droite de tes forum seront désormais collées aux catégories. Il faudrait que tu rajoutes une classe à la shoutbox directement dans le code et rajouter une propriété css pour régler le problème sans altérer l'affichage des forums en dessous

 

[Warline]

Code actuel qui ne fonctionne pas

.nodeList .categoryStrip {
    font-size: 16px;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    color: rgb(44, 62, 80);
    background-color: rgb(220, 220, 220);
    padding: 10px 15px; /* Donc il comprend padding de 10px en haut et 15px à droite */
    margin-bottom: 0;
    border-top: 5px solid;
    border-bottom: 1px solid rgb(233, 233, 233);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-image: url(styles/images/fond.png);
    background-repeat: repeat;
    margin: 0;
    border-top-left-radius: 4px; /* Doublon */
    border-top-right-radius: 4px; /* Doublon */
    min-height: 6px;
}

Il faut donc remplacer par:

.nodeList .categoryStrip {
    font-size: 16px;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    color: rgb(44, 62, 80);
    background-color: rgb(220, 220, 220);
    padding: 10px 0;
    margin-bottom: 0;
    border-top: 5px solid;
    border-bottom: 1px solid rgb(233, 233, 233);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-image: url(styles/images/fond.png);
    background-repeat: repeat;
    margin: 0;
    min-height: 6px;
}

Edit: Le problème avec ce code c'est que les flèches à droite de tes forum seront désormais collées aux catégories. Il faudrait que tu rajoutes une classe à la shoutbox directement dans le code et rajouter une propriété css pour régler le problème sans altérer l'affichage des forums en dessous

Fonctionne pas :/.

@Rivals : Une idée ?

 

[Paul GTP]

@Rivals le code fonctionne chez moi avec inspecter l'élément, je sais seulement pas où le mettre (EXTRA.css ?)

PS: @Warline si tu te sers de mon code au dessus parce qu'il se met à marcher il faudra rajouter ça aussi

a.xbCatTrigger {
    color: rgb(44, 62, 80);
    opacity: 0.6;
    margin-right: 15px;
}

 

[Daniel.Dev]

Et béh, si il y avait un border radius, ce n'était pas pour rien, c'était fait exprès.
Du coup en le mettant à 0, ça donne des choses qui sont pas prévues.. ^^
Tu vas devoir modifier la longueur de la barre avec width

Dis pas de conneries l'amis, c'était même pas un problème de border-radius au final, il ne l'a même pas changé

 

[Wims]

Dis pas de conneries l'amis, c'était même pas un problème de border-radius au final, il ne l'a même pas changé

Désolé de pas avoir suivi le problème jusqu'au bout