The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Show/hide profile

View previous topic View next topic Go down

Show/hide profile

Post by iamzildjian on August 23rd 2012, 8:36 pm

How to do this one? www.engineering.forumotions.info/t20p30-forum-tester#68 the show/hide profile
my forum version : phpbb2


Last edited by iamzildjian on August 23rd 2012, 8:39 pm; edited 1 time in total (Reason for editing : J)

iamzildjian
Forumember

Male Posts : 154
Reputation : 1
Language : english

http://www.ragemu.forumtl.com

Back to top Go down

Re: Show/hide profile

Post by xDroiidx on August 24th 2012, 1:26 am

Hello 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.

xDroiidx
Forumember

Posts : 95
Reputation : 2
Language : English

http://www.epicstep.forumotion.com

Back to top Go down

Re: Show/hide profile

Post by iamzildjian on August 24th 2012, 4:23 pm

@xDroiidx wrote::

♣ 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>



i cant find that code to my view topic body

iamzildjian
Forumember

Male Posts : 154
Reputation : 1
Language : english

http://www.ragemu.forumtl.com

Back to top Go down

Re: Show/hide profile

Post by Mati on August 24th 2012, 11:03 pm

@iamzildjian wrote:How to do this one? www.engineering.forumotions.info/t20p30-forum-tester#68 the show/hide profile
my forum version : phpbb2

I think you are the same person as in my forum anyway => http://www.csshelp.net/t691-show-hide-profile

Mati
Active Poster

Posts : 1873
Reputation : 281
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://elite-gaming.forumotion.net/

Back to top Go down

Re: Show/hide profile

Post by iamzildjian on August 25th 2012, 8:09 am

Yup Smile

iamzildjian
Forumember

Male Posts : 154
Reputation : 1
Language : english

http://www.ragemu.forumtl.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum