[ModernBB] Afficher les boutons "En ligne" et "Hors ligne" du forum de support forumactif

[InvitéInvité]

Bonjour , tous est dans le titre , je trouve ces icônes particulièrement jolie et j'aimerais bien les inclure dans mon forums sur les messages


Merci d'avance à ceux qui m'aideront

[SplashStaffAdmin]

Hi H.A,
Ces images types font partie du thème du forum, comme sur celui-ci d'ailleurs

À l'époque où j'avais un forum en ModernBB j'ai posé cette même question sur le FDF. Il s'agissait d'ajouter un cadre iPhone autour des informations du profil avec un bouton rouge pour le mode offline et vert pour le mode online

L'astuce se trouve ici : Clique

[InvitéInvité]

Merci de l'aide !

[SplashStaffAdmin]

Hi,
Tu peux mettre ce code à la CSS :

Code:

.online:before {
background: url(https://i.servimg.com/u/f62/16/87/83/03/11010.gif);
width: 58px;
height: 57px;
display: block;
position: absolute;
right: 0px;
top: 0px;
}


L'image qui s'affichera lorsque les membres seront en ligne


Sur les profils cela donne ceci :

[InvitéInvité]

C'est pas vraiment ce que je voulais , étant sur modernbb je voulais ceux du fdf , ces derniers coeincidents totalement avec le thème de mon forum

[SplashStaffAdmin]

C'est pas vraiment ce que je voulais , étant sur modernbb je voulais ceux du fdf , ces derniers coeincidents totalement avec le thème de mon forum

OK
Dans ce cas il n'y a pas plusieurs solutions, passe à la version EDGE de Forumactif

Si tu veux réellement essayer cette version de forum tu as la procédure d'installation ici Clique ou ici Clique

Il est plus que conseillé de se faire la main par une première installation sur un forum test avant de faire le grand saut sur ton forum

Lit bien le tuto et les recommandations à prendre, pour rappel :
votre thème, vos modèles et vos scripts Java actuels seront perdus...

Cette version est assez particulière mais largement plus agréable que les autres, le forum d'aide est assuré par l'ami Phil @Milouze14, rappelle de son message laissé sur le FDF au sondage que tu as lancé Clique

[InvitéInvité]

J'ai déjà essayé cette version sur un forum test et elle ne me tente pas. .

Je me fais pas à l'idée de perdre tous mes scripts

[SplashStaffAdmin]

Quels sont ces scripts ?

[InvitéInvité]

Un long cssl et une trentaine de javascript , dans tous les cas modernbb me convient et je souhaiterais rester sur cette version

[SplashStaffAdmin]

Faute de mieux je peux te proposer ce code CSS :

Code:

.online .postprofile-avatar:before {
    content: "EN LIGNE";
    background: #8b5;
}
.postprofile-avatar:before {
    content: "HORS LIGNE";
    color: #fff;
    background: #999;
    height: 26px;
    left: -1px;
    right: -1px;
}

Ce qui donne



Je n'arrive pas à avoir la largeur voulue

[InvitéInvité]

Merci ! Ça  marche !

[SplashStaffAdmin]

Ce code à tester aussi :

Code:

.online .postprofile-avatar:before {
    content: "EN LIGNE";
    background: #8b5;
}
.postprofile-avatar:before {
    content: "HORS LIGNE";
    color: #fff;
    background: #999;
    height: 26px;
}
.postprofile {
    background: url(https://i.servimg.com/u/f18/18/45/41/65/row10.png) repeat-x 0 0;
    margin-bottom: 10px;
    border: 1px solid #DDD;
    position: relative;
    text-align: center;
}

[SplashStaffAdmin]

[InvitéInvité]

C'est ce que je voulais ! Merci !!

[SplashStaffAdmin]

J'imagine
Tu peux avoir un chevauchement avec l'avatar, si tel est le cas laisse moi l'info ici

[InvitéInvité]

ouais y'a un chevauchement :/

[SplashStaffAdmin]

OK
Pour éviter ce chevauchement il faut éditer le template viewtopic_body pour réglé cela
Va ici :

Panneau d'administration / Affichage / Templates / Général / viewtopic_body


Recherche ceci :

Code:

<div class="postprofile-avatar">
                  {postrow.displayed.POSTER_AVATAR}
                  </div>

Remplace par ceci :

Code:

<br /><div class="postprofile-avatar">
                  {postrow.displayed.POSTER_AVATAR}
                  </div>

Cette balise

Code:

<br />

Elle va créer un saut de ligne, mets en une, deux ou trois avant la ligne jusqu'à ce qu'il n'y ait plus ce chevauchement

Pense bien à   et à publier le template modifié avant de quitter, en cliquant sur la petite coche verte  


Concernant l'intervention dans les templates tu as ce tuto Clique

[InvitéInvité]

Merci beaucoup , ça marche parfaitement pour'les message mais sa se chevauche toujours en mp , comment y remédier ?

[SplashStaffAdmin]

OK vu

Rajoute ceci au code CSS :

Code:

.postprofile-avatar img {margin-top: XXpx;}

Remplace XX par une valeur pour éviter le chevauchement (10, 15, 20, etc...)

Par la suite il est fort possible que cela ait une incidence au niveau du profil dans les messages.
Retourne dans le template et supprime les balises br en trop

[InvitéInvité]

Ça marche nikel !!!!!

[SplashStaffAdmin]

Génial
Pense à clôturer ton topic dans ce cas

[SplashStaffAdmin]

Problème résolu

Ce topic est fermé
Il peut être réouvert sur demande

  ici

À bientôt.

[Contenu sponsorisé]