The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How can I create a similar user board panel?

3 posters

Go down

Solved How can I create a similar user board panel?

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

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

How can I create a similar user board panel? ICRM0J6

Forum Version: PunBB


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

Male Posts : 2431
Reputation : 116
Language : English, Greek

http://itexperts.forumgreek.com/

Back to top Go down

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

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

Bump
Van-Helsing
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

http://itexperts.forumgreek.com/

Back to top Go down

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

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

Bump
Van-Helsing
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

http://itexperts.forumgreek.com/

Back to top Go down

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

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

Bump
Van-Helsing
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

http://itexperts.forumgreek.com/

Back to top Go down

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

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

Bump
Van-Helsing
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

http://itexperts.forumgreek.com/

Back to top Go down

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

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

Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

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

Post by Van-Helsing 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
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

http://itexperts.forumgreek.com/

Back to top Go down

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

Post by Ange Tuteur 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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

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

Post by Van-Helsing 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
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

http://itexperts.forumgreek.com/

Back to top Go down

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

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

Did you publish the modified template?


How can I create a similar user board panel? Slgray10

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

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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

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

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

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

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

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

Hello @Ange Tuteur
I tried it with both ways with no result
Van-Helsing
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

http://itexperts.forumgreek.com/

Back to top Go down

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

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

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

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

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

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

Hello @Ange Tuteur
here it is.
Van-Helsing
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

http://itexperts.forumgreek.com/

Back to top Go down

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

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

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
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

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

Post by Van-Helsing 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
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

http://itexperts.forumgreek.com/

Back to top Go down

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

Post by Van-Helsing 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
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

http://itexperts.forumgreek.com/

Back to top Go down

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

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

Topic solved and archived


How can I create a similar user board panel? Slgray10

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

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

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