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



Forum Version: PunBB

Bump

Bump

Bump

Bump

Hi @Black-Shadow,

Would this be similar to what you're wanting ?
https://help.forumotion.com/t143571-users-control-panel-with-image#979147

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

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.

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.

Did you publish the modified template?

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

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

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

Hello @Ange Tuteur
here it is.

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

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

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.