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.

Like button position

View previous topic View next topic Go down

Solved Like button position

Post by Luffy on November 19th 2013, 12:25 pm

Hello..

I have a problem once again..Razz

Well my problem is this..

I added a new system with the like buttons. This system provides the button at the bottom of the page and i don't like it there. I want this system to go up the top before the post count. To show it with pictures:

I added this and here are the details:


The codes i am using are these:
Javascript
Code:
var avacweb_like_system = {
  dom_ready : false,
  vote_singular : 'Eυχαριστώ',
  vote_plural : 'Ευχαριστώ',
  callback : function(vote, new_button) {
      $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode).before( new_button )
  }
};
$(function() { avacweb_like_system.dom_ready = true; });
$.getScript('http://www.avacweb.net/likesystem');
and CSS:
Code:

               /*like system*/
.LGlike {
  background: #680000;
  padding: 3px;
  border-radius: 4px;
  color: #e8e8e8;
  font-size: 12px;
  font-weight: bold;
  text-shadow: -1px 0.5px #888;
  box-shadow: 1px 1px 1px #888;
  cursor: pointer;
  margin-right: 2px;
  position:center;
 }
.LGlike:hover {opacity: 0.7;}
 .LGvote { margin: 0 5px;
fotn-size: 6px;}
 .LGnovote {
  filter:Alpha(opacity=50);
  opacity: 0.3;
  cursor: default;
  box-shadow: none;
  text-shadow: none;
 }
.LGnovote:hover {opacity:0.3;}
Can someone tell me how can i do this please??

Forum version: punBB
Forum Link: http://informationforum.forumgreek.com/forum

Thank you!

Luffy
Manager
Manager

Male Posts : 4236
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: Like button position

Post by Ange Tuteur on November 19th 2013, 4:30 pm

Hello Marios94,

Add this to your CSS stylesheet:
Code:
.postmain{position:relative;}
.LGvote{
position:absolute;
right:8%;
top:0px;
}
.LGlikecount{
float:left;
}
If needed adjust top and left right of LGvote to tweak the position.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Like button position

Post by Luffy on November 19th 2013, 5:45 pm

Thank you very much!!! Topic solved!






Luffy
Manager
Manager

Male Posts : 4236
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: Like button position

Post by Ange Tuteur on November 19th 2013, 5:48 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