Move the Online Button?

I'm wanting to move my online button in the top right corner.. currently it's where the profile is.. help?

So, you want to move online img like on this forum?

Yes, in the corner..

Edit your viewtopic_body template: Find:

Code:

{postrow.displayed.ONLINE_IMG}

and move/cut, then paste after this code:

Code:

<div class="postbody">

Save and publish.

Then add in your CSS Stylesheet:

Code:

img#i_icon_online{
  top: -40px !important;
  left: 4px;
  position: relative !important;
  z-index: 999 !important;
  float: right !important;
}

td.post-options{
  left: -55px !important;
  position: relative !important;
}

Note: You should play with these proprietes, because the theme:
=> top: -40px !important;
=> left: 4px;
=> left: -55px !important;

Um, tiny problem, i use the deafult punBB not a skin, so the template thing isn't showing up for me..

Can you provide your forum url please?

Ok, in this case find:

Code:

{postrow.displayed.ONLINE_IMG}

cut it and paste after:

Code:

<strong>{postrow.displayed.COUNT_POSTS}</strong>

Save and publish.

Add in CSS Stylesheet:

Code:

img#i_icon_online{
  top: -8px !important;
  left: 25px !important;
  position: relative !important;
  z-index: 999 !important;
  float: right !important;
}

div.posthead h2 strong{
  left: 12px;
  position: relative !important;
}

Save!

Thanks

Welcome.