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.

How can I create a similar user board panel?

View previous topic View next topic Go down

Solved How can I create a similar user board panel?

Post by Van-Helsing on October 2nd 2015, 1:54 am

Hello,
How can I create a similar user board panel?



Forum Version: PunBB


Last edited by Black-Shadow on October 9th 2015, 11:16 am; edited 1 time in total

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I create a similar user board panel?

Post by Van-Helsing on October 3rd 2015, 2:15 am

Bump

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I create a similar user board panel?

Post by Van-Helsing on October 4th 2015, 3:15 am

Bump

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I create a similar user board panel?

Post by Van-Helsing on October 5th 2015, 3:42 am

Bump

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I create a similar user board panel?

Post by Van-Helsing on October 6th 2015, 9:09 am

Bump

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I create a similar user board panel?

Post by Ange Tuteur on October 6th 2015, 11:36 am


Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How can I create a similar user board panel?

Post by Van-Helsing on October 6th 2015, 11:40 am

Hi @Ange Tuteur,
Yes something like this for punbb version. Is it need to do some changes?

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I create a similar user board panel?

Post by Ange Tuteur on October 6th 2015, 11:41 am

The reply I made here should work for punbb. You might need to make some adjustments to the style, though.


If you need any help let me know. Smile

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How can I create a similar user board panel?

Post by Van-Helsing on October 6th 2015, 11:47 pm

Hello @Ange Tuteur,
I tried to add this code in index_body template but it hasnt effect.

Code:

<style type="text/css">#userProfile { font-size:11px; position:relative; margin-top:30px; margin-bottom:10px; padding:3px; }
#userProfile .leftCol { float:left; text-align:center; width:20%; }
#userProfile .rightCol { float:left; width:25%; }
#userName { background:#ECF3F7; color:#0076B1; font-weight:bold; font-family:"Trebuchet MS", Verdana, Arial, Sans-serif; border-radius:3px 3px 0 0; position:absolute; left:3px; top:-18px; padding:0 12px; line-height:18px; }
#userName span { font-weight:normal }
#userAvatar img { max-width:100px }
#userAvatar { display:inline-block; overflow:hidden; min-height:100px; min-width:100px; }
#userProfile .title { color:#0076B1; font-weight:bold; border-bottom:1px solid #0076B1; padding-bottom:3px; margin-bottom:3px; width:90%; }
#userProfile .statLabel { display:inline-block; width:85px; font-weight:bold; text-align:right; margin-right:6px; }</style>
<script type="text/javascript">// <![CDATA[
(function(J, U, L) {
  var homepage = document.getElementById('pun-announcement'),
      profil;
 
  if (U.session_logged_in) {
    profil = document.createElement('DIV');
    profil.id = 'userProfile';
    profil.className = 'panel introduction';
    profil.innerHTML = '<div id="userName"><span>Logged in as </span>' + U.username + '</div><div class="leftCol"><span id="userAvatar">' + U.avatar + '</span></div><div class="rightCol"><div class="title">General</div><div><span class="statLabel">Rank : </span>' + L.rank_title + '</div><div><span class="statLabel">' + L.Posts + ' : </span>' + U.user_posts + '</div><div><span class="statLabel">' + L.PMs + ' : </span>' + U.user_nb_privmsg + '</div><div><span class="statLabel">' + L.Reputation + ' : </span>' + U.point_reputation + '</div></div><div class="rightCol"><div class="title">Profile</div><div><a href="/u' + U.user_id + '">' + L.See_my_profile + '</a></div><div><a href="/profile?mode=editprofile">' + L.Edit_profile + '</a></div><div><a href="/privmsg?folder=inbox">' + L.All_PMs + '</a></div><div><a href="/profile?mode=editprofile&page_profil=notifications">' + L.Notif_see_all + '</a></div></div><div class="rightCol"><div class="title">Search</div><div><a href="/sta/' + U.username + '">' + L.All_Topics + '</a></div><div><a href="/spa/' + U.username + '">' + L.All_Messages + '</a></div><div><a href="/search?search_id=watchsearch">' + L.js_topics_followed + '</a></div><div><a href="/search?search_id=newposts">View new posts</a></div></div><div class="clear"></div>';
    homepage.parentNode.insertBefore(profil, homepage);
  }
  // par ange tuteur
})(jQuery, _userdata, _lang);
//]]></script>

I am using the advanced profile if it can helps.


Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I create a similar user board panel?

Post by SLGray on October 7th 2015, 4:13 am

Did you publish the modified template?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35665
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: How can I create a similar user board panel?

Post by Ange Tuteur on October 7th 2015, 10:23 am

You're supposed to add it in the homepage message.
Display > Generalities > Homepage message

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How can I create a similar user board panel?

Post by Van-Helsing on October 7th 2015, 10:55 am

Hello @Ange Tuteur
I tried it with both ways with no result

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I create a similar user board panel?

Post by Ange Tuteur on October 7th 2015, 11:02 am

The URL of the forum you're applying it to ?

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How can I create a similar user board panel?

Post by Van-Helsing on October 8th 2015, 12:21 am

Hello @Ange Tuteur
here it is.

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I create a similar user board panel?

Post by Ange Tuteur on October 8th 2015, 10:23 am

The toolbar needs to be enabled to retrieve extra data. Since you have it disabled, see this post : http://help.forumotion.com/t143370-how-to-create-logged-in-as#978978

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How can I create a similar user board panel?

Post by Van-Helsing on October 8th 2015, 10:32 am

Hi @Ange Tuteur,
Now it is appearing but not in corrected place because I have already another custom HomePage message can I move the code in template index_body? Furthermore the rank field displays "Not Available".

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I create a similar user board panel?

Post by Van-Helsing on October 9th 2015, 11:15 am

Hello @Ange Tuteur,
I have done some changes in codes (HTML code in homepage message/index_body template and javascripts) and I placed it in the correct position for my forum also I removed the field "Rank" due it is unusable without toolbar.

Now the problem has been solved.
Thank you for your time and assistance.

~1~

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I create a similar user board panel?

Post by SLGray on October 9th 2015, 4:47 pm

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35665
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.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