[3.0.x] Online par dessus l'avatar Facile

[3.0.x] Online par dessus l'avatar

Ce tuto va vous permettre d'afficher l'image "online" par dessus votre avatar sous prosilver


- 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 avez de grands avatars.

- 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
    <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 --><div class="online2">{postrow.ONLINE_IMG}</div><!-- ENDIF -->



Avant : ==> Image Après : ==> Image


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
<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF -->">
<!-- IF S_ONLINE --><div class="online2">{ONLINE_IMG}</div><!-- ENDIF -->


Avant : ==> Image Après : ==> Image

- Ajout de classes dans content.css

Pour les profils affichés à droite (comme d'origine)

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
.post { position: relative; }

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


Pour les profils affichés à gauche

remplacez
Code: Tout sélectionner
.online2 {
   position: absolute;
   background: none no-repeat;
   right: 0;
}

par
Code: Tout sélectionner
.online2 {
   position: absolute;
   background: none no-repeat;
}




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

21/02/2014 - modifié par cabot pour modifier la description
12/02/2014 - modifié par Geo pour convertir le sujet en article.
Avatar de l’utilisateur
Jester
Administrateur
Administrateur
 
Rédigé le: 12 Fév 2014 à 19:18
Articles: 7
Contributeurs:
Noter cet article: 123456 Votants: 2
Mots-clés: [Prosilver], Online, par, dessus, l'avatar

Retourner vers Styles