Logged in as viewer

Hi, i found this topic https://help.forumotion.com/t141657-new-log-in-navigation-bar and i followed everythin but.nothing changed in my forum, is it because my forum is phpbb2 and that code is for phpbb3? If so could anyone give me the right code?

Hello,

Yes it is possible that because it wasn't developed for phpbb2 it won't work on your forum. Unfortunately I am not sure if there has been a script developed for this on phpbb2 YET. I am sure one can be developed, but we shall have to wait and see .

-Brandon

Hi @Kirbs,

Phpbb2 is very limited in modifications via JavaScript, but try adding the following to the homepage message instead :

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) {
  if (U.session_logged_in) {
    document.write('<div id="userProfile" class="panel introduction"><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></div>');
  }
  // par ange tuteur
})(jQuery, _userdata, _lang);
//]]></script>

FYI you also need the toolbar enabled.

I add it and it worked, then i changed my skin and it no longer shows up, ill pm you the test forum link and an admin account to see whats wrong and fix/tell me how to fix it and what went wrong
Thanks in advance!

There's some existing CSS which is hiding .panel. Add this rule to override it :

Code:

#userProfile.panel.introduction {
  display:block;
  width:100%;
  top:0;
}

I added it but there's still nothing o.O you can check the link i sent you to see it

For some reason the space before the properties was acting wonky, I just resubmitted the stylesheet.

Its showing up now but it has a black color as a background how can i make it white like the one on this forum or maybe any other different color?

Edit: there are also these links above it (my profile, send pm, etc) im sure you can see them how can i remove them?

Use this selector to change the colors :

Code:

#userProfile.panel.introduction

For example :

Code:

#userProfile.panel.introduction {
  background:#FFF;
  border:1px solid #CCC;
}

and if you want to change the color of elements inside, select them also. For example, change link colors :

Code:

#userProfile.panel.introduction a {
  color:red !important;
}

I added the code and its still black o.o

It added a weird character as the space again :

What browser are you using ?

( I resubmitted the sheet btw )

Im on mobile, the internet browser on an android mobile. I can see that the color has changed now thanks a lot ange, this only leaves these last two things:
1) how do i position the text under profile and search to the left just like this support forum?
2) there are these links above it (my profile, new pm, etc..) How do i remove them from there?



Edit: fixed number 2 but the link colors in it is green-ish, can you change them to white for me and tell me how?
Edit #2: i fixed number 1 as well so that's all the ossues above fixed, new issues that came up:

1) how do i remove the lines under the text in there?
2) how do i change the text color from what it is in there now (green) to white?

Bump

Here, try adding the following CSS to your stylesheet :

Code:

#userProfile.panel.introduction a {
  color:#FFF !important;
  text-decoration:none;
  border:none;
}

That should remove the lines and change the colors of the links.

Yep it's all good now thanks a lot ange and happy b-day! this only leaves the footer in the other topic now