Page 1 of 1
[Snippet] Online/Offline images Info
Posted: 05 Dec 2011, 06:09
by all4phone
Online/Offline images Info
Written by all4phone, inspired by
Stoker 
This phpBB3 snippet will show you how to display Online/Offline image in viewtopic and profile.
Open styles/prosilver/template/viewtopic_body.html
Find:Code: Select all
<!-- IF postrow.POSTER_POSTS != '' --><dd><strong>{L_POSTS}:</strong> {postrow.POSTER_POSTS}</dd><!-- ENDIF -->
Code: Select all
<dd><strong>Status:</strong><!-- IF postrow.S_ONLINE --><img src="images/online.gif" border="0" alt="" title="Online" /><!-- ELSE --><img src="images/offline.gif" border="0" alt="" title="Offline" /><!-- ENDIF --></dd>
Code: Select all
<dt>Status:</dt><dd><!-- IF S_ONLINE --><img src="images/online.gif" border="0" alt="" title="Online" /><!-- ELSE --><img src="images/offline.gif" border="0" alt="" title="Offline" /><!-- ENDIF --></dd>
Selected images put in the root/images directory.
Online/Offline images Info
Posted: 05 Dec 2011, 06:58
by Stoker
Nice
Online/Offline images Info
Posted: 05 Dec 2011, 08:26
by FTH
thanks very much for this snippet
just a question
it's not better to replace
by
Code: Select all
<img src="styles/{T_THEME_PATH}/images/online.gif"
to display differents images per Style ?
[Snippet] Online/Offline images Info
Posted: 06 Dec 2011, 15:21
by all4phone
Yes it is a fantastic idea
Franck, many thanks for that.
Here are the correct changes that need to be done:
Open: styles/your_style/template/viewtopic_body.html
Find:Code: Select all
<!-- IF postrow.POSTER_POSTS != '' --><dd><strong>{L_POSTS}:</strong> {postrow.POSTER_POSTS}</dd><!-- ENDIF -->
Code: Select all
<dd>Status: <!-- IF postrow.S_ONLINE --><img src="{T_THEME_PATH}/images/online.png" border="0" alt="" title="Online" /><!-- ELSE --><img src="{T_THEME_PATH}/images/offline.png" border="0" alt="" title="Offline" /><!-- ENDIF --></dd>
Find:
Before add:Code: Select all
<dt>Status: </dt><dd><!-- IF S_ONLINE --> <img src="{T_THEME_PATH}/images/online.png" border="0" alt="" title="Online" /><!-- ELSE --><img src="{T_THEME_PATH}/images/offline.png" border="0" alt="" title="Offline" /><!-- ENDIF --></dd>
Place these two eg images in
styles/your_style/theme/images directory:
- online.png (433 Bytes) Viewed 2838 times
- offline.png (439 Bytes) Viewed 2838 times
Refresh template of your style.
Demo:
[Snippet] Online/Offline images Info
Posted: 06 Dec 2011, 15:52
by all4phone
Sorry for the twice posting, but only three attachments was not enough to show what I wanted
Additionally, you can remove the standard status icon:
- icon_user_online.gif (423 Bytes) Viewed 2833 times
Open: style/your_style/theme/colours.css
Find and remove:Code: Select all
.online {
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}
Find and remove in
styles/prosilver/imageset/your_language directory,
icon_user_online.gif file.
[Snippet] Online/Offline images Info
Posted: 06 Dec 2011, 20:18
by Sniper_E
That would create a CSS error to remove the .online class from the colours.css file.
IF you are going to remove the online image for this snippet...
I would suggest removing the online class from the viewtopic_body.html template instead.
Find
Code: Select all
<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 -->">
InLine Remove
Code: Select all
<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->
[Snippet] Online/Offline images Info
Posted: 06 Dec 2011, 21:59
by all4phone
Sniper_E wrote:IF you are going to remove the online image for this snippet...
I would suggest removing the online class from the viewtopic_body.html template instead.
@Sniper_E, thanks for your suggestion, it works perfectly
.