by xDroiidx August 24th 2012, 1:26 am
Here is the Tutorial for what your looking for.
Closed:Open:♣ Go to the templates "
viewtopic_body".
Admin Panel-->"
Display Tab" -->
Templates "
General" -->
viewtopic_body Find: - Code:
<div class="user-info">
{postrow.displayed.ONLINE_IMG}
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</div>
Replace With : - Code:
<div onClick="this.firstChild.src=(this.firstChild.src=='http://i65.servimg.com/u/f65/11/95/30/70/x310.png')?'http://i65.servimg.com/u/f65/11/95/30/70/x412.png':'http://i65.servimg.com/u/f65/11/95/30/70/x310.png';this.lastChild.style.display=(this.firstChild.src=='http://i65.servimg.com/u/f65/11/95/30/70/x310.png')?'none':'block';" ><img src="http://i65.servimg.com/u/f65/11/95/30/70/x310.png" alt="" />
<div style="display: none;">
<div class="user-info">
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</div>
</div></div>
♣ Here we put the information of the profile and the character sheet in the script, but we lack the icon "ONLINE".
♣ This icon should be seen and not hidden, we place higher.
Find : - Code:
<div class="user">
Paste this after: - Code:
<div>{postrow.displayed.ONLINE_IMG}</div>
Result:
If You decide if you prefer before or after the avatar.
You can also use
This Tutorial, To put an icon outside of the profile
The Script : - Code:
<div onClick="this.firstChild.src=(this.firstChild.src=='IMAGE-1-VOIR')?'IMAGE-2-CACHER':'IMAGE-1-VOIR';this.lastChild.style.display=(this.firstChild.src=='IMAGE-1-VOIR')?'none':'block';" ><img src="IMAGE-1-VOIR" alt="" />
<div style="display: none;">
HERE PUT THE VARIABLE CODES THAT YOU WANT HIDE
</div>
</div>
♣ Here, the code is simple and clear, only the second image refers to the image "hide", the others are all the same image "see".
-
Hit Save, Then "
Publish" your template by clicking on
And your done!Original Tutorial was not written by me, but the writer said i could share it.Originally written in Vietnamese, i have translated it to english for you.