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

Like Button Position

Post by ItalyExo on June 4th 2014, 9:20 am

So I followed a tutorial on how to make a new like button for PunBB Forums.

The JScript Code I used is this:
Code:

varavacweb_like_system={dom_ready:false,vote_singular:'Like',vote_plural:'Likes',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');


The CSS Code is this:
Code:

.LGlike{background:#105289;padding:3px;border-radius:4px;color:#fff;font-size:10px;font-weight:bold;text-shadow:-1px0.5px#888;box-shadow:1px1px1px#888;cursor:pointer;margin-right:4px;}.LGvote{margin:05px;}.LGnovote{filter:Alpha(opacity=50);opacity:0.5;cursor:default;box-shadow:none;text-shadow:none;}




Ok, so the button works, but I want it at the bottom left of each post. You know the panel kind of thing where quote, editer, delete, etc buttons are? I want it in that column, but all the way to the left.

This is what it looks like now, I want it right below the dashed line. thank you!

ItalyExo
New Member

Posts : 12
Reputation : 1
Language : English

http://exodustalk.forumotion.com/

Back to top Go down

Re: Like Button Position

Post by ItalyExo on June 5th 2014, 6:25 am

bump ~~~ please help.

ItalyExo
New Member

Posts : 12
Reputation : 1
Language : English

http://exodustalk.forumotion.com/

Back to top Go down

Re: Like Button Position

Post by smejker on June 5th 2014, 6:48 am

ItalyExo,
In CSS try with this code:
Code:
.LGvote { float: right;
}
If You want to remove "Like" after voting put this:
Code:
 .LGnovote {
 display:none!important;
 }

In phpBB3 it's work correctly... Regards & Respect!

smejker
Forumember

Male Posts : 158
Reputation : 3
Language : serbo-croatian/english/macedonian/bulgarian

http://smejker@yahoo.com

Back to top Go down

Re: Like Button Position

Post by ItalyExo on June 5th 2014, 7:37 pm

@smejker wrote:ItalyExo,
In CSS try with this code:
Code:
.LGvote { float: right;
}
If You want to remove "Like" after voting put this:
Code:
 .LGnovote {
 display:none!important;
 }

In phpBB3 it's work correctly... Regards & Respect!
Thanks, but how do I get it below the dashed line?

ItalyExo
New Member

Posts : 12
Reputation : 1
Language : English

http://exodustalk.forumotion.com/

Back to top Go down

Re: Like Button Position

Post by Michael_vx on June 6th 2014, 7:49 am

ok let me try do something
i think you better add what
smejker said like you adding new CSS codes
i think that might work
on my forum i use that code
1- javaScript
Code:
var like_version = 'phpbb2';
    var DOM_IS_READY = false;
    $(function(){DOM_IS_READY=true;});
    var vote_singular = 'Like';
    var vote_plural = 'Likes';
    $.getScript('http://micsoft.xp3.biz/like');
change the word phpbb2 to your forum version
2- CSS
Code:
    .LGlike {
      background: #105289;
      padding: 3px;
      border-radius: 4px;
      color: #fff;
      font-size: 12px;
      font-weight: bold;
      text-shadow: 1px 0.5px #888;
      box-shadow: 1px 1px 1px #888;
      cursor: url(http://i42.servimg.com/u/f42/17/42/09/54/cursor10.png), progress!important;
      margin-right: 10px;
    }
    .LGvote { margin: 0 5px; }
    .LGnovote {
      filter:Alpha(opacity=50);
      opacity: 0.2;
      cursor: url(http://i42.servimg.com/u/f42/17/42/09/54/cursor10.png), progress!important;
      box-shadow: none;
      text-shadow: none;
    }
will i hope that help Smile

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

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