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.

Change Template " View User Menu" After login on forumotion. (phpBB)

View previous topic View next topic Go down

Solved Change Template " View User Menu" After login on forumotion. (phpBB)

Post by sasukekun on April 23rd 2013, 3:26 pm

when I log on this forum directly see the view "user menu" like this? Confused



I wanted to look my forum to be like this, it looks more simple. Smile
and look like the "view your post, the post since your last visit and etc" everything into one box in the "user menu"

how to be like that?
please help me, I really want to be like that. Confused

Source: http://www.duelacademy.net/forum
you can login on that forum with my random ID (to test):
ID: Aoi_Sora
pas: lolwut@123

thanks before Very Happy


Last edited by mostone on April 28th 2013, 7:32 am; edited 5 times in total

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: Change Template " View User Menu" After login on forumotion. (phpBB)

Post by sasukekun on April 24th 2013, 10:58 am

Bump

Please someone help me Sad

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: Change Template " View User Menu" After login on forumotion. (phpBB)

Post by tommycoo on April 24th 2013, 11:27 am

thats can be done with html, css and js

tommycoo
Forumember

Male Posts : 615
Reputation : 9
Language : Indonesia

http://www.atlanta.forumid.net

Back to top Go down

Solved Re: Change Template " View User Menu" After login on forumotion. (phpBB)

Post by sasukekun on April 24th 2013, 12:37 pm

Can you do that?
please help me, Sad

Here there is,
e-mark, sanket, or forumotion team (staff / admin), maybe they can help me, I'm sure any of them have understood this.

please help me.
I am very grateful, if there is one to help me, to solve this Very Happy

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: Change Template " View User Menu" After login on forumotion. (phpBB)

Post by Jophy on April 24th 2013, 2:48 pm

mostone wrote:when I log on this forum directly see the view "user menu" like this? Confused



I wanted to look my forum to be like this, it looks more simple. Smile
and look like the "view your post, the post since your last visit and etc" everything into one box in the "user menu"

how to be like that?
please help me, I really want to be like that. Confused

Source: http://www.duelacademy.net/forum

thanks before Embarassed

mostone wrote:Bump

Please someone help me Sad
Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead.

This is your 2nd reminder about this.

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Solved Re: Change Template " View User Menu" After login on forumotion. (phpBB)

Post by sasukekun on April 25th 2013, 7:02 pm

Bump...

Please someone help me Very Happy

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: Change Template " View User Menu" After login on forumotion. (phpBB)

Post by sasukekun on April 26th 2013, 7:06 pm

Please someone help me Very Happy

Mr E-Mark or other please help me Very Happy

how to fix it Smile


Source: http://www.duelacademy.net/forum
you can login on that forum with my random ID (to test):
ID: Aoi_Sora
pas: lolwut@123

thanks before Very Happy

Bump!

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: Change Template " View User Menu" After login on forumotion. (phpBB)

Post by sasukekun on April 28th 2013, 6:49 am

Please someone help me Very Happy

how to fix it Smile


Source: http://www.duelacademy.net/forum
you can login on that forum with my random ID (to test):
ID: Aoi_Sora
pas: lolwut@123

thanks before Very Happy

Bump!

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: Change Template " View User Menu" After login on forumotion. (phpBB)

Post by sasukekun on April 29th 2013, 6:29 am

BUMP!!

please someone help me Very Happy

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: Change Template " View User Menu" After login on forumotion. (phpBB)

Post by E-Mark on April 29th 2013, 12:57 pm

Add this to your CSS:
Code:
#usermenu{
  border:1px solid #292929;
  float:left;
  font-size:12px;
  margin-bottom:5px;
  margin-left:2px;
  margin-top:5px;
  padding:5px;
  width:98%;
}
#usermenu-left{
  float:left;
  width:43%;
}
#usermenu-img{
  float:left;width:85p
}
#usermenu-profile{
  float:left;
  margin-left:85px;
  margin-top:5px;
  width:200px
}
#usermenu-profile a{
  -moz-transition:color .2s linear;-o-transition:color .2s ease-in;-webkit-transition:color .2s ease-in;
  color:#006CE0;
  font-weight:700;
  text-decoration:none!important;
  transition:color .2s ease-in
}
#usermenu-profile a:hover{
  color:#fff;text-decoration:none!important
}
#usermenu-profile a:link{
  text-decoration:none!important;
}
#usermenu-profile a:visited{
  text-decoration:none!important;
}
#usermenu-profile a:active{
  text-decoration:none!important;
}
#usermenu-right{
  float:right;
  width:57%;
}
#usermenu-right a{
  -moz-transition:color .2s linear;-o-transition:color .2s ease-in;-webkit-transition:color .2s ease-in;
  color:#006CE0;
  font-weight:700;
  text-decoration:none!important;
  transition:color .2s ease-in;
}
#usermenu-right a:hover{
  color:#fff;
  text-decoration:none!important;
}
#usermenu-right a:link{
  text-decoration:none!important;
}
#usermenu-right a:visited{
  text-decoration:none!important;
}
#usermenu-right a:active{
  text-decoration:none!important;
}
#usermenu-options-left{
  float:right;
  margin-left:10px;
  padding:2px;
}
#usermenu-options-right{
  float:right;
  margin-left:10px;
  padding:2px;
}
#fa_proxy > img{
  border-radius:4px;
  height:85px;
  margin-left:-376px;
  margin-top:2px;
  width:76px;
}

Now, go to index_body, add this at the very top of the index_body template:
Code:
<!-- BEGIN switch_user_logged_in -->     
  <script language="JavaScript">
  function checklength(i){
        if (i<10){
          i="0"+i;}
          return i;
  }
  function clock(){
    var now = new Date();
    var hours = checklength(now.getHours());
    var minutes = checklength(now.getMinutes());
    var seconds = checklength(now.getSeconds());
    var format = 1;  //0=24 hour format, 1=12 hour format
    var time;

    if (format == 1){
      if (hours >= 12){
        if (hours ==12){
          hours = 12;
        }else {
          hours = hours-12;
        }
      time=hours+':'+minutes+':'+seconds+' PM';
      }else if(hours < 12){
          if (hours ==0){
            hours=12;
          }
      time=hours+':'+minutes+':'+seconds+' AM';
      }
    }
  if (format == 0){
      time= hours+':'+minutes+':'+seconds;
  }
  document.getElementById("clock").innerHTML=time;
  setTimeout("clock();", 500);
  }
 </script>
 <div id="usermenu"><div id="usermenu-left"><span class="fa_proxy" style="left: 0px !important;"></span><div id="usermenu-profile">Logged in as: <b><strong><span class="USERNAME"></span></strong></b><br>Posts: <strong><span class="USERCOUNTPOST"></span></strong><br><br><br><a href="/profile?mode=editprofile">My profile</a> | <a id="myinbox" href="/privmsg?folder=inbox">New PM</a></div></div><div id="usermenu-right"><div style="text-align:right; margin-bottom:6px; display:block; width:100%; float:right;"><div class="jclock" style="float: right; font-weight: bold;"><b><div id="clock">
<script language="javascript">
<!--
 clock();
 //-->
 </script>
</div>
</b></div><div style="float:right;"><b><div id="clockbox"></div></b></div></div><div id="usermenu-options-right"><a href="/search?search_id=activetopics">Today's active topics</a><br><a href="/memberlist?mode=today_posters">Today's Top 20 posters</a><br><a href="/memberlist?mode=overall_posters">Overall Top 20 posters</a><br><a href="/forum?mode=delete_cookies">Delete forum cookies</a></div><div id="usermenu-options-left"><a href="/search?search_id=newposts">Posts since your last visit</a><br><a href="/search?search_id=egosearch">View your posts</a><br><a href="/search?search_id=unanswered">View unanswered posts</a><br><a href="/forum?mark=forums">Mark all forums read</a></div></div></div>
<!-- END switch_user_logged_in -->

Now, add this to your Javascript Management: (Check to homepage only)
Code:
$(window).load(function(){
var x=$('#fa_usermenu > img').attr('src');
$('.fa_proxy').prepend('<span id="fa_proxy"><img src="'+x+'"/><span>');
});

Now, for the Username and post number display would work, you need to add this on your Javascript management again (Check to homepage only)
Code:
$(function() {
  var x = document.getElementById('variables').getElementsByTagName('span');
  for (var i = 0, v; (v = x[i++]); ) {
        $('.' + v.id).html(v.innerHTML);
        $('.' + v.id + '-replace').each(function(i, e) {
            e.innerHTML = e.innerHTML.replace( RegExp('{' + v.id + '}', 'g') , v.innerHTML );
        }); 
  }
});

Then add this to your homepage message:
Code:
<div id="variables" style="display: none;">
  <span id="USERNAME">Using php in posts is called being a smart [Language]... Stop it</span>
  <span id="USERCOUNTPOST">{USERCOUNTPOST}</span>
</div>

bye


Last edited by E-Mark on April 29th 2013, 1:54 pm; edited 1 time in total

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Change Template " View User Menu" After login on forumotion. (phpBB)

Post by sasukekun on April 29th 2013, 1:22 pm

Ohh mr.mark again Very Happy

ok i done try, but,
how about this ?? Smile

more details see this pic Very Happy


how to fix it ?? Very Happy

before thanks for help me mr.mark.

im very2 thanks to you bye


sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: Change Template " View User Menu" After login on forumotion. (phpBB)

Post by E-Mark on April 29th 2013, 1:30 pm

Use this CSS instead:
Code:
#usermenu{
  border:1px solid #292929;
  float:left;
  font-size:12px;
  margin-bottom:5px;
  margin-left:2px;
  margin-top:5px;
  padding:5px;
  width:98%;
}
#usermenu-left{
  float:left;
  width:43%;
}
#usermenu-img{
  float:left;width:85p
}
#usermenu-profile{
  float:left;
  margin-left:85px;
  margin-top:5px;
  width:200px
}
#usermenu-profile a{
  -moz-transition:color .2s linear;-o-transition:color .2s ease-in;-webkit-transition:color .2s ease-in;
  color:#006CE0;
  font-weight:700;
  text-decoration:none!important;
  transition:color .2s ease-in
}
#usermenu-profile a:hover{
  color:#fff;text-decoration:none!important
}
#usermenu-profile a:link{
  text-decoration:none!important;
}
#usermenu-profile a:visited{
  text-decoration:none!important;
}
#usermenu-profile a:active{
  text-decoration:none!important;
}
#usermenu-right{
  float:right;
  width:57%;
}
#usermenu-right a{
  -moz-transition:color .2s linear;-o-transition:color .2s ease-in;-webkit-transition:color .2s ease-in;
  color:#006CE0;
  font-weight:700;
  text-decoration:none!important;
  transition:color .2s ease-in;
}
#usermenu-right a:hover{
  color:#fff;
  text-decoration:none!important;
}
#usermenu-right a:link{
  text-decoration:none!important;
}
#usermenu-right a:visited{
  text-decoration:none!important;
}
#usermenu-right a:active{
  text-decoration:none!important;
}
#usermenu-options-left{
  float:right;
  margin-left:10px;
  padding:2px;
}
#usermenu-options-right{
  float:right;
  margin-left:10px;
  padding:2px;
}
#fa_proxy > img{
  border-radius:4px;
  height:85px;
  position: absolute;
  margin-top:-6px;
  width:76px;
}

bye

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Change Template " View User Menu" After login on forumotion. (phpBB)

Post by sasukekun on April 29th 2013, 1:37 pm

OMG Very Happy

what happen with this,
see this pic, my avatar change to center posit Very Happy



how to fix, thanks for help me mr.mark salut

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: Change Template " View User Menu" After login on forumotion. (phpBB)

Post by E-Mark on April 29th 2013, 1:46 pm

Ugh. I forgot about the mozilla absolute position problem, try this one:
Code:
#usermenu{
  border:1px solid #292929;
  float:left;
  font-size:12px;
  margin-bottom:5px;
  margin-left:2px;
  margin-top:5px;
  padding:5px;
  width:98%;
}
#usermenu-left{
  float:left;
  width:43%;
}
#usermenu-img{
  float:left;width:85p
}
#usermenu-profile{
  float:left;
  margin-left:85px;
  margin-top:5px;
  width:200px
}
#usermenu-profile a{
  -moz-transition:color .2s linear;-o-transition:color .2s ease-in;-webkit-transition:color .2s ease-in;
  color:#006CE0;
  font-weight:700;
  text-decoration:none!important;
  transition:color .2s ease-in
}
#usermenu-profile a:hover{
  color:#fff;text-decoration:none!important
}
#usermenu-profile a:link{
  text-decoration:none!important;
}
#usermenu-profile a:visited{
  text-decoration:none!important;
}
#usermenu-profile a:active{
  text-decoration:none!important;
}
#usermenu-right{
  float:right;
  width:57%;
}
#usermenu-right a{
  -moz-transition:color .2s linear;-o-transition:color .2s ease-in;-webkit-transition:color .2s ease-in;
  color:#006CE0;
  font-weight:700;
  text-decoration:none!important;
  transition:color .2s ease-in;
}
#usermenu-right a:hover{
  color:#fff;
  text-decoration:none!important;
}
#usermenu-right a:link{
  text-decoration:none!important;
}
#usermenu-right a:visited{
  text-decoration:none!important;
}
#usermenu-right a:active{
  text-decoration:none!important;
}
#usermenu-options-left{
  float:right;
  margin-left:10px;
  padding:2px;
}
#usermenu-options-right{
  float:right;
  margin-left:10px;
  padding:2px;
}
#fa_proxy > img{
  border-radius:4px;
  height:85px;
  margin-left: -283px;
  margin-top: 0px;
  width:76px;
}

bye

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Change Template " View User Menu" After login on forumotion. (phpBB)

Post by sasukekun on April 29th 2013, 2:56 pm

wow, this great!! i like this Very Happy

Mr.Mark yoy very very help me salut

thanks thanks thanks very thanks for you bye

problem solved Hello

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: Change Template " View User Menu" After login on forumotion. (phpBB)

Post by SLGray on April 29th 2013, 10:23 pm

Topic Solved & Locked


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


SLGray
Administrator
Administrator

Male Posts : 36663
Reputation : 2444
Language : English
Location : United States

http://ztwds.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