[Reputation / Like button] Change it's position

[Heroes Killer]

Greetings. 

 

In view of the fact that I had tried to find on the whole internet how to change position of Reputation Bar to the left side of posts and couldn't find it anywhere, now I know how to do it and here is the tutorial. Thanks to user Sanctuary, who told me how to change position of Like-button, so that I could easily find out how to change position of Rep-button.

 

This tutorial shows how to move it to the left side of a post (see the screens below). If you would like to center it in the middle, see by Sanctuary.

 

 

How to change position of Like button?

Simply go to: ACP -> Look & Feel -> Your Skin -> Other Global Templates -> repButtons, find this: 

<div class='ipsLikeBar right clearfix' id='{$data['domCountId']}'>
 

and replace it with: 

<div class='ipsLikeBar left clearfix' id='{$data['domCountId']}'>

 

 

How to change position of Reputation buttons?

Simply go to: ACP -> Look & Feel -> Your Skin -> Other Global Templates -> repButtons, find this: 

<div class='rep_bar clearfix <if test="pos:|:!$data['position'] || $data['position'] == 'right'">right</if>' id='{$data['domCountId']}'>

and replace it with: 

<div class='rep_bar clearfix <if test="pos:|:!$data['position'] || $data['position'] == 'left'">left</if>' id='{$data['domCountId']}'>

[Divaio]

Good, nice work

[Gavrilo]

How to center it in the middle?

[Heroes Killer]

I am sorry, it seems there is no easy way how to do it. Maybe externally via CSS...

[Zedd]

Good work!

[Yuu]

How to center it in the middle?

For the Like system, find this:

<div class='ipsLikeBar right clearfix' id='{$data['domCountId']}'>

Replace it with this:

<div class='ipsLikeBar rep_center clearfix' id='{$data['domCountId']}'>

For the Rep system, find this:

<div class='rep_bar clearfix <if test="pos:|:!$data['position'] || $data['position'] == 'right'">right</if>' id='{$data['domCountId']}'>

Replace it with this:

<div class='rep_bar clearfix <if test="pos:|:!$data['position'] || $data['position'] == 'center'">rep_center</if>' id='{$data['domCountId']}'>

Then make sure to add this to your CSS somewhere:

.rep_center { text-align: center; }

 

Edited July 14, 2014 by Sanctuary

[Heroes Killer]

Thank you Sanctuary, I'll add a link to your post in the first post.

 

By the way, it seems, that some idiot is having fun with giving negative reputation here. Both my and your posts.

[GameSpot]

thank you i was looking for this

[DaW]

thank you  ! * 

[VPEC]

thanks

[Arif]

thanks for this helped me in my horizontal

[faranume]

thanks

[syrowiec1]

good, thank 

[Avernus]

Thx

[DaPloW]

Good Job