How can I create a similar user board panel?

by Van-Helsing Fri 2 Oct - 1:54

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

How can I create a similar user board panel? ICRM0J6

Forum Version: PunBB

by Van-Helsing Sat 3 Oct - 2:15

by Van-Helsing Sun 4 Oct - 3:15

by Van-Helsing Mon 5 Oct - 3:42

by Van-Helsing Tue 6 Oct - 9:09

by Ange Tuteur Tue 6 Oct - 11:36

Hi @Black-Shadow,

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

by Van-Helsing Tue 6 Oct - 11:40

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

by Ange Tuteur Tue 6 Oct - 11:41

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

by Van-Helsing Tue 6 Oct - 23:47

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.

by **SLGray** Wed 7 Oct - 4:13

Did you publish the modified template?

by Ange Tuteur Wed 7 Oct - 10:23

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

by Van-Helsing Wed 7 Oct - 10:55

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

by Ange Tuteur Wed 7 Oct - 11:02

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

by Van-Helsing Thu 8 Oct - 0:21

Hello @Ange Tuteur
here it is.

by Ange Tuteur Thu 8 Oct - 10:23

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

by Van-Helsing Thu 8 Oct - 10:32

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

by Van-Helsing Fri 9 Oct - 11:15

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~