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.

Moving the online button

View previous topic View next topic Go down

Solved Moving the online button

Post by Cesar on December 12th 2013, 4:18 pm

I'm trying to move the online button on punBB version , but don't work.
I used :
Code:
#i_icon_online {
margin-top: -Xpx;
}
(I know i need to replace X , replaced it - no effect)



Last edited by PixX on December 12th 2013, 9:01 pm; edited 1 time in total

Cesar
Forumember

Posts : 207
Reputation : 3
Language : Romanian

http://www.wolffighterz.com/

Back to top Go down

Solved Re: Moving the online button

Post by Legolas on December 12th 2013, 4:52 pm

Hello,
Try to add this Javascript code:
Code:

$(document).ready(function(){
$('.i_icon_online').insertBefore('.pun .user-ident .username');
});

Also, please remember, for <div class="yourclass">..</div> you have to add to your CSS Stylesheet .yourclass and for
<div id="yourid">...</div> you have to add to your CSS Stylesheet #yourid
P.S: Only if you want to personalize it.

Legolas
Forumember

Male Posts : 262
Reputation : 33
Language : English

http://www.daily-support.org

Back to top Go down

Solved Re: Moving the online button

Post by Cesar on December 12th 2013, 7:15 pm

Thank's for trying to help me , but this code doesn't work. Now the icon don't appear.

Cesar
Forumember

Posts : 207
Reputation : 3
Language : Romanian

http://www.wolffighterz.com/

Back to top Go down

Solved Re: Moving the online button

Post by Ange Tuteur on December 12th 2013, 7:36 pm

Hello PixX,

Go to..
Administration Panel > Display > Templates > General > viewtopic_body

Find and remove :
Code:
{postrow.displayed.ONLINE_IMG}

Find :
Code:
<div class="user">

Replace by :
Code:
<div class="user">{postrow.displayed.ONLINE_IMG}

Save and publish. You can place that variable anywhere you wish really. Wink

The name is a bit dominant in position ( its absolute ) so you can try this CSS for adding space for the online icon in the post profile.
Code:
.i_icon_online { position:absolute; top:0; left:0; }
.username { position:relative !important; margin-top:-10px; margin-bottom:10px; }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Moving the online button

Post by Cesar on December 12th 2013, 7:44 pm

Thank you Seth , but there is one little problem: is remaining some space.

And i want to put that button on the green bar , where is the name.Thank's!

Cesar
Forumember

Posts : 207
Reputation : 3
Language : Romanian

http://www.wolffighterz.com/

Back to top Go down

Solved Re: Moving the online button

Post by Ange Tuteur on December 12th 2013, 7:51 pm

Ah then remove the variable again,

Find :
Code:
<h4 class="username">{postrow.displayed.POSTER_NAME}</h4>

Replace by :
Code:
<h4 class="username">{postrow.displayed.ONLINE_IMG}{postrow.displayed.POSTER_NAME}</h4>

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Moving the online button

Post by Cesar on December 12th 2013, 8:04 pm

Now the buttons appears twice:

Cesar
Forumember

Posts : 207
Reputation : 3
Language : Romanian

http://www.wolffighterz.com/

Back to top Go down

Solved Re: Moving the online button

Post by Ange Tuteur on December 12th 2013, 8:09 pm

Did you remove the online button I instructed you to place the first time ?

Remove the online variable from here :
Code:
<div class="user">{postrow.displayed.ONLINE_IMG}

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Moving the online button

Post by Cesar on December 12th 2013, 8:15 pm

Removed it , now all just look like thisConfused

Cesar
Forumember

Posts : 207
Reputation : 3
Language : Romanian

http://www.wolffighterz.com/

Back to top Go down

Solved Re: Moving the online button

Post by Ange Tuteur on December 12th 2013, 8:21 pm

Did you delete this as well ?

Code:
<div class="user">

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Moving the online button

Post by Cesar on December 12th 2013, 8:26 pm

But now the nickname appear lower than where he must be :




Cesar
Forumember

Posts : 207
Reputation : 3
Language : Romanian

http://www.wolffighterz.com/

Back to top Go down

Solved Re: Moving the online button

Post by Ange Tuteur on December 12th 2013, 8:38 pm

Could you link me to a topic on your forum that guests can see ?

Thanks in avance

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Moving the online button

Post by Cesar on December 12th 2013, 8:42 pm

http://lemakdesign.forum.st/t716-bun-venit-pe-noul-lemak
I don't think you gonna understand something.

Cesar
Forumember

Posts : 207
Reputation : 3
Language : Romanian

http://www.wolffighterz.com/

Back to top Go down

Solved Re: Moving the online button

Post by Ange Tuteur on December 12th 2013, 8:48 pm

See if this helps :
AP > Display > Colors > CSS stylesheet
Code:
.username a { position:relative; bottom:15px; }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Moving the online button

Post by Cesar on December 12th 2013, 8:55 pm

Well , i don't know how to thank you Seth for helping me! You helped me alot! Thank you very much!
Solved!

Cesar
Forumember

Posts : 207
Reputation : 3
Language : Romanian

http://www.wolffighterz.com/

Back to top Go down

Solved Re: Moving the online button

Post by Ange Tuteur on December 12th 2013, 9:11 pm

You're welcome I love you

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

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