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.

Logged in as viewer

3 posters

Go down

Solved Logged in as viewer

Post by Kirbs October 31st 2015, 1:23 pm

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?


Last edited by Kirbs on November 2nd 2015, 1:05 pm; edited 1 time in total
Kirbs
Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Logged in as viewer

Post by brandon_g October 31st 2015, 1:37 pm

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 Very Happy.

-Brandon


2 - Logged in as viewer  Brando10
Remember to mark your topic 2 - Logged in as viewer  Solved15 when a solution is found.
General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

2 - Logged in as viewer  Scre1476
Team Leader
Review Section Rules | Request A Review | Sticker Points
brandon_g
brandon_g
Manager
Manager

Male Posts : 10106
Reputation : 923
Language : English
Location : USA

https://www.broadcastingduo.com

Back to top Go down

Solved Re: Logged in as viewer

Post by Ange Tuteur October 31st 2015, 1:40 pm

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.
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: Logged in as viewer

Post by Kirbs October 31st 2015, 3:10 pm

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!
Kirbs
Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Logged in as viewer

Post by Ange Tuteur October 31st 2015, 3:22 pm

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;
}
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: Logged in as viewer

Post by Kirbs October 31st 2015, 3:25 pm

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

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Logged in as viewer

Post by Ange Tuteur October 31st 2015, 3:57 pm

For some reason the space before the properties was acting wonky, I just resubmitted the stylesheet.
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: Logged in as viewer

Post by Kirbs October 31st 2015, 4:09 pm

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?
Kirbs
Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Logged in as viewer

Post by Ange Tuteur October 31st 2015, 4:13 pm

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;
}
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: Logged in as viewer

Post by Kirbs October 31st 2015, 4:19 pm

I added the code and its still black o.o
Kirbs
Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Logged in as viewer

Post by Ange Tuteur October 31st 2015, 4:25 pm

It added a weird character as the space again :
2 - Logged in as viewer  Captu121
What browser are you using ?

( I resubmitted the sheet btw )
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: Logged in as viewer

Post by Kirbs October 31st 2015, 4:31 pm

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?
Kirbs
Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Logged in as viewer

Post by Kirbs November 2nd 2015, 6:07 am

Bump Smile
Kirbs
Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Logged in as viewer

Post by Ange Tuteur November 2nd 2015, 11:48 am

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.
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: Logged in as viewer

Post by Kirbs November 2nd 2015, 1:05 pm

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

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Logged in as viewer

Post by brandon_g November 2nd 2015, 2:21 pm

Topic solved and archived~ brandon_g


2 - Logged in as viewer  Brando10
Remember to mark your topic 2 - Logged in as viewer  Solved15 when a solution is found.
General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

2 - Logged in as viewer  Scre1476
Team Leader
Review Section Rules | Request A Review | Sticker Points
brandon_g
brandon_g
Manager
Manager

Male Posts : 10106
Reputation : 923
Language : English
Location : USA

https://www.broadcastingduo.com

Back to top Go down

Back to top


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