Move the Online Button?

Go down

Move the Online Button?

Post by xGaming on Sat 3 Dec - 19:27

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

xGaming
Forumember

Posts : 85
Reputation : 1
Language : English

Back to top Go down

Re: Move the Online Button?

Post by Guest on Sat 3 Dec - 19:38

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

Guest
Guest


Back to top Go down

Re: Move the Online Button?

Post by xGaming on Sat 3 Dec - 19:53

Yes, in the corner..

xGaming
Forumember

Posts : 85
Reputation : 1
Language : English

Back to top Go down

Re: Move the Online Button?

Post by Guest on Sat 3 Dec - 20:13

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;

Guest
Guest


Back to top Go down

Re: Move the Online Button?

Post by xGaming on Sat 3 Dec - 20:33

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

xGaming
Forumember

Posts : 85
Reputation : 1
Language : English

Back to top Go down

Re: Move the Online Button?

Post by Guest on Sat 3 Dec - 20:34

Can you provide your forum url please?

Guest
Guest


Back to top Go down

Re: Move the Online Button?

Post by xGaming on Sat 3 Dec - 20:44


xGaming
Forumember

Posts : 85
Reputation : 1
Language : English

Back to top Go down

Re: Move the Online Button?

Post by Guest on Sat 3 Dec - 21:35

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! Wink

Guest
Guest


Back to top Go down

Re: Move the Online Button?

Post by M@rtina on Sat 3 Dec - 21:46

Thanks

M@rtina
New Member

Posts : 2
Reputation : 1
Language : Slavonski Brod

Back to top Go down

Re: Move the Online Button?

Post by Guest on Sat 3 Dec - 21:51

Welcome. Wink

Guest
Guest


Back to top Go down

Back to top


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