phpBB-fr.com

[Jester]

- Placer le "online" par dessus l'avatar

Ce tuto va vous permettre d'afficher l'image "online" par dessus votre avatar sous prosilver. Cela est utile lorsque vous utilisez un forum à largeur fixe ou lorsque vous avez de grands avatars. Il faudra adapter le code si vous avez basculé les avatars à gauche.

- Ajout de classes dans content.css

Dans theme/content.css, trouver :

Code: Tout sélectionner

.online {
   background-image: none;
   background-position: 100% 0;
   background-repeat: no-repeat;
}

juste après rajouter :

Code: Tout sélectionner

.online2 {
   background-repeat: no-repeat;
   position: absolute;
   right: 20px;
}

.online3 {
   background-repeat: no-repeat;
   position: absolute;
   right: 30px;
}

- Modification du template

Dans le template/viewtopic_body.html, chercher :

Code: Tout sélectionner

<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->">

Remplacer par :

Code: Tout sélectionner

    <!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --><div class="online2">{postrow.ONLINE_IMG}</div><!-- ENDIF -->
   <div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF -->">

Résultat :



Dans template/ucp_pm_viewmessage.html, chercher :

Code: Tout sélectionner

<div id="post-{MESSAGE_ID}" class="panel clearfix post pm-panel-message pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->">

Remplacer par :

Code: Tout sélectionner

<!-- IF S_ONLINE --><div class="online3">{ONLINE_IMG}</div><!-- ENDIF -->
<div id="post-{MESSAGE_ID}" class="panel clearfix post pm-panel-message pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF -->">

Résultat :




Pour celles et ceux qui ont le profil à gauche
remplacez

Code: Tout sélectionner

.online2 {
   background-repeat: no-repeat;
   position: absolute;
   left: 20px;
}

.online3 {
   background-repeat: no-repeat;
   position: absolute;
   right: 30px;
}

par

Code: Tout sélectionner

.online2 {
   background-repeat: no-repeat;
   position: absolute;
}

.online3 {
   background-repeat: no-repeat;
   position: absolute;
}

N'oubliez pas de rafraîchir le theme et le template de votre style via l'onglet Styles de votre panneau d'administration, et éventuellement faire F5 sur votre navigateur afin de voir les modifications effectuées.

/!\ Ce tuto est compatible avec les images de fond de message.

Tuto réalisé par Micka76 et la team Graph' phpBB-fr