Archive for howtodoit.myfastforum.org 
 



       howtodoit.myfastforum.org Forum Index -> Add-on`s for your forum
Symon

New Offline Online status

This guide is for the new Offline / Online mod.

Please remember to use the Editor account before making any template changes

Second you must have all ready a template you can edit.

If you have not done this please read HOWTODOIT

Ok all that done you now goto Your  admin panel ---  3. Styles --- Portal Settings

You will now see a screen that looks like this



If you do not  see the  portals named ONLINE then Please go to the support forum and request admin adds them for you. (Please check properly first before requesting.)

Click On ONLINE

You now see a screen that looks something like this.



Fill in the details to suit your needs. You can copy what i have in the picture this will work, or read the guide in the spoiler.

Spoiler:



Title = This will be displayed next to yuoor image or text (default is user online, i changed my to Status)
Show title = To display what you put in the Title Box above.
Topic display position = Under Avatar (Change this to suit you, or if you want to add it in yourself then leave as none, and follow the tips at the bottom of this guide.)
Profile Display = Works as above but this time shows in the members profile screen
Online Display Text = this will be the text that is shown while the member is Online
Online Display Image =  If you prefer to have an online image then here is where you enter the path to your image.(default has already been set up for you and uses the icons below. (example at the bottom of this guide)

Offline Display Text = this will be the text that is shown while the member is Offline
Offline Display Image =  If you prefer to have an Offline image then here is where you enter the path to your image.(default has already been set up for you and uses the icons below. (example at the bottom of this guide)



Image Link

If you do not want to use the default icons of





Then You must upload an image to your template and then just enter the name of the image for example icon_online.gif


Now in the Display Image box you would just add the name of your image for example online.gif

Now click Update.



And that is the basic guide on how to set up the Online Offline  hack.


The guide below is for advanced users that wish to display the link or image else where. And for those that may wish to remove the old style

1. Goto admin panel --- 3. Styles --- Edit Templates/Logos -- the template you wish to edit (EG myff_howtodoit1)--- Submit

Now look at the top in the area marked Choose Forum template/javascript/css File to Edit use the drop down bar and find

Viewtopic_body.tpl

Now place this code
Code:
Status: {postrow.POSTER_STATUS}<br/>
where you wish it to be.


So if you want it to show after their Username then you would find {postrow.POSTER_NAME} and place the code afterwards, as shown in the example below

Code:
      <td width="150" align="left" valign="top" class="{postrow.ROW_CLASS}"><span class="name"><a name="{postrow.U_POST_ID}"></a><b>{postrow.POSTER_NAME}</b> </span><br /><span class="postdetails">Status: {postrow.POSTER_STATUS}<br/>{postrow.POSTER_RANK}<br />{postrow.xtrarank}<br/>{postrow.RANK_IMAGE}{postrow.POSTER_AVATAR}<br />{postrow.usergroup1}<br />{postrow.usergroup1_IMG}<br />{postrow.POSTER_JOINED}<br/>{postrow.POSTER_POSTS}<br />{postrow.POSTER_FROM}</span><br/></td>


To make the image work like i have here



using the




Follow the above but instead of

Code:
Status: {postrow.POSTER_STATUS}<br/>


Use the code
Code:
<br /> <img src="{postrow.POSTER_STATUS_IMG}">


But remember you must upload these icons to your template to do this go to your admin panel then edit template choose your template then use the upload image to upload them they must be called icon_offline.gif and icon_online.gif



-----------------------------------------------------------------------------------------------------------

To make the image appear below the post like here




Then find similar to this (In viewtopic_body.tpl)

Code:
<td valign="middle" nowrap="nowrap">{postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG}<script language="JavaScript" type="text/javascript"><!--


And Add

Code:
 <br /> <img src="{postrow.POSTER_STATUS_IMG}">


So it could look like this

Code:
<td valign="middle" nowrap="nowrap"> <br /> <img src="{postrow.POSTER_STATUS_IMG}"> {postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG}<script language="JavaScript" type="text/javascript"><!--


-------------------------------------------------------------------------------------------------

To Make the text or image appear in your proflie like this:



Then find the code similar to this in profile_view_body.tpl


Code:
     <td class="row1" valign="top"><table width="100%" border="0" cellspacing="1" cellpadding="3">

      <tr>
        <td valign="middle" align="right" nowrap="nowrap"><span class="gen">{L_EMAIL_ADDRESS}:</span></td>
        <td class="row1" valign="middle" width="100%"><b><span class="gen">{EMAIL_IMG}</span></b></td>
      </tr>


Then add Just above

Code:
<tr>
        <td valign="middle" align="right" nowrap="nowrap"><span class="gen">{L_EMAIL_ADDRESS}:</span></td>

one of these codes :

For text
Code:
{STATUS}  


For Image
Code:
{STATUS_IMG}


So it could look like this

Code:
<tr>
   
        <td valign="middle" nowrap="nowrap" align="right"><span class="gen">Status:</span></td>
        <td class="row1" valign="middle"><b><span class="gen"><img src="{STATUS_IMG}"></span></b></td>
      </tr>
        <td valign="middle" align="right" nowrap="nowrap"><span class="gen">{L_EMAIL_ADDRESS}:</span></td>
        <td class="row1" valign="middle" width="100%"><b><span class="gen">{EMAIL_IMG}</span></b></td>
      </tr>


And Thats HOWTODOIT

       howtodoit.myfastforum.org Forum Index -> Add-on`s for your forum
Page 1 of 1
Create your own free forum | Buy a domain to use with your forum