Image de statut en ligne / hors ligne Facile

Partager sur FacebookPartager sur TwitterPartager sur Google+

Image de statut en ligne / hors ligne

[prosilver]


Bonjour,

Ce tuto vous permettra d'afficher une image de statut hors ligne.

Placez votre image nommée icon_user_offline.gif dans le dossier styles/votre style/imageset/fr/

Ensuite dans ce même répertoire ouvrez le fichier imageset.cfg
Cherchez :
Code: Tout sélectionner
img_icon_user_offline = icon_user_offline.gif

Remplacez par :
Code: Tout sélectionner
img_icon_user_offline = icon_user_offline.gif*58*58


Passons au css.

Dans colours.css.
Cherchez :
Code: Tout sélectionner
.online {
	background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
}

Ajoutez APRÈS :
Code: Tout sélectionner
.offline {
	background-image: url("{IMG_ICON_USER_OFFLINE_SRC}");
}


Dans content.css.
Cherchez :
Code: Tout sélectionner
.online {
	background-image: none;
	background-position: 100% 0;
	background-repeat: no-repeat;
}

Remplacez par :
Code: Tout sélectionner
.online, .offline {
	background-image: none;
	background-position: 100% 0;
	background-repeat: no-repeat;
}


Passons maintenant au html.

Dans le fichier viewtopic_body.html
Cherchez :
Code: Tout sélectionner
<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->

Remplacez par :
Code: Tout sélectionner
<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ELSE --> offline<!-- ENDIF -->


Dans le fichier memberlist_view.html
Cherchez :
Code: Tout sélectionner
<!-- IF S_ONLINE --> online<!-- ENDIF -->

Remplacez par :
Code: Tout sélectionner
<!-- IF S_ONLINE --> online<!-- ELSE --> offline<!-- ENDIF -->


Dans le fichier ucp_pm_viewmessage.html
Cherchez :
Code: Tout sélectionner
<!-- IF S_ONLINE --> online<!-- ENDIF -->

Remplacez par :
Code: Tout sélectionner
<!-- IF S_ONLINE --> online<!-- ELSE --> offline<!-- ENDIF -->


Il ne reste plus qu'à rafraîchir votre style au complet et à vider le cache.

A bientôt...

11/09/2014 - modifié par Steph pour corriger l'article
05/06/2014 - modifié par cabot pour mettre l’article à jour.
22/02/2014 - modifié par cabot pour convertir le sujet en article.
Avatar de l’utilisateur
micka76
Graphiste
Graphiste
 
Rédigé le: 22 Fév 2014 à 17:17
Articles: 8
Noter cet article: 123456 Votants: 3
Mots-clés: image, statut, hors-ligne, hors, ligne

Retourner vers Styles


cron