[3.0.x] Online par dessus l'avatar
Rédigé le: 12 Fév 2014 à 18:18
- 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 :
Remplacer par :
Avant : ==> Après : ==>
Dans template/ucp_pm_viewmessage.html, chercher :
Remplacer par :
Avant : ==> Après : ==>
- Ajout de classes dans content.css
Pour les profils affichés à droite (comme d'origine)
Dans theme/content.css, trouver :
juste après rajouter :
Pour les profils affichés à gauche
remplacez
par
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
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 : ==> Après : ==>
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 : ==> Après : ==>
- 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