Problème avec le code "Silence"

Coucou!

Tout d'abord merci pour ces codes vraiment cools, c'est super sympa de les partager :)

J'ai suivi le tuto dispo ici: https://terrible.forumactif.org/t36-silence

Et je rencontre un problème dans l'un de mes sujets rp sur le forum!
Et j'ai l'impression que ça ne concerne que mes sujets, mais aussi ceux d'Alexys oO
http://heartkiller.forumactif.com/t718-the-way-he-looks-at-you#9738

Help me please !

Encore moi!

En fait ça concerne d'autres membres aussi !

http://heartkiller.forumactif.com/t705-a-nice-hunting-party-arden#9503

Bonjour Nalex !
Je vais jeter un oeil à tout ça~
Tu pourrais me dire quel est le souci, exactement ?

Bonjour,

J'ai réussi à régler le problème en mettant une largeur importante au "post-right"!
En fait j'avais le bloc message qui se retrouvait sous l'avatar : https://zupimages.net/up/18/36/sxwx.png

Je ne sais pas si j'ai bien fait mais en tout cas ça s'est remis correctement x)

Je pense que le souci était dû au "calc" : il aurait fallu désactiver l'optimisation du CSS.
De toute façon c'est un code un peu vieux qu'il faut que je remette à jour avec un code plus propre ! Du coup ton intervention va m'inciter à le faire xD

Ah bah si j'ai pu te motiver ahah.
Je vais voir du coup si en retirant la largeur et en ayant désactivé l'optimisation du CSS ça reste normal ou pas (j'ai dû désactiver l'optimisation pour la liste des membres de toute façon)

Par contre du coup j'ai une autre question, concernant le bouton en bas à droite "en ligne".
Le truc c'est qu'il a la même apparence, qu'on soit connecté ou pas!
Je voudrais qu'il change de couleur quand la personne est connectée, mais je ne sais pas comment faire

Oui je me suis rendu compte de ça en corrigeant mon code haha :'D

Du coup ajoute ça à ton CSS :

Code:

.online:empty::before {
    color: red;
}

Remplace la couleur par celle de ton choix !
Et normalement ça devrait s'afficher d'une couleur différente pour les membres hors ligne !


(bon j'ai un peu pris ton problème à l'envers, mais je crois que tu as compris)

Lol oui j'ai compris ^^
Merci beaucoup, ça marche impec <3

Encore moi ! (promis c'est la dernière fois! Fin j'espère xD)

Je voulais savoir comment ajouter dans le code, la partie manquante qui correspond aux flèches de navigation dans les sujets?
https://i.imgur.com/FQRMfyp.png


Merci d'avance :)

Bonjour !

Je me permets de Uper concernant l'ajout des petites flèches de direction :3

Bonjour !
Je suis désolé, je n'avais absolument pas vu que tu avais posé une nouvelle question


Le morceau de code pour passer d'un sujet à l'autre est le suivant :

Code:

<a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>

Je peux rapidement te filer un code pour l'intégrer si tu veux :3

Ajoute-le juste après l'ouverture de la div .post-bottom, comme ceci :

Code:

<div class="post-bottom">
                    <div class="post-links">
                      <a href="#top">{L_BACK_TO_TOP}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>
                    </div>

Puis ajoute ça à ton CSS :

Code:

.post-bottom {
    clear: both;
    position: relative;
    display: flex;
}
.post-links {
    display: flex!important;
    align-items: center;
}
div.post-links a::after {
    display: none!important;
}
.post-links img {
    display: block;
}