The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Logged in as viewer

View previous topic View next topic Go down

Solved Logged in as viewer

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

Hi, i found this topic http://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
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Logged in as viewer

Post by brandon_g on 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


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5137
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Logged in as viewer

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

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Logged in as viewer

Post by Kirbs on 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
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Logged in as viewer

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

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Logged in as viewer

Post by Kirbs on 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
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Logged in as viewer

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

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

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Logged in as viewer

Post by Kirbs on 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
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Logged in as viewer

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

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Logged in as viewer

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

I added the code and its still black o.o

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Logged in as viewer

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

It added a weird character as the space again :

What browser are you using ?

( I resubmitted the sheet btw )

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Logged in as viewer

Post by Kirbs on 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
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Logged in as viewer

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

Bump Smile

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Logged in as viewer

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

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Logged in as viewer

Post by Kirbs on 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
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Logged in as viewer

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

Topic solved and archived~ brandon_g


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5137
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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