Change new like/vote system button to an image
3 posters
Page 1 of 1
Change new like/vote system button to an image
https://help.forumotion.com/t108561-a-new-like-dislike-system-phpbb3-and-invision#709635
Can I change that LIKE button to an image?
Can I change that LIKE button to an image?
Re: Change new like/vote system button to an image
Pretty much this is what creates the button,
you would have to mess with the whole CSS.
- Code:
.LGlike {
background: #105289;
padding: 3px;
border-radius: 4px;
color: #fff;
font-size: 10px;
font-weight: bold;
text-shadow: -1px 0.5px #888;
box-shadow: 1px 1px 1px #888;
cursor: pointer;
margin-right: 4px;
}
.LGvote { margin: 0 5px; }
.LGnovote {
filter:Alpha(opacity=50);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}
you would have to mess with the whole CSS.
Sir Chivas™- Helper
- Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Change new like/vote system button to an image
Yea, I don't really know much of the CSS. I just copy and paste things in there.
Re: Change new like/vote system button to an image
Well, before anything I want to make sure on behalf LG to see if I'm available to mess around with his coding. Since it belongs to him.
Sir Chivas™- Helper
- Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Change new like/vote system button to an image
Sure, but I think it is fine since he shared it to public.
Re: Change new like/vote system button to an image
True, but I've sent him a PM either way, don't want to have any problems.
Try it.
- Code:
.LGlike {
background-image: url(urlhere) no-repeat;
margin-right: 4px;
}
Try it.
Sir Chivas™- Helper
- Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Change new like/vote system button to an image
Not working.
Here is the code I'm using:
Here is the code I'm using:
- Code:
.LGlike {
background-image: url(http://i855.photobucket.com/albums/ab117/jan2xonline/voteuphover_zps193684b2.png) no-repeat;
margin-right: 4px;
}
Re: Change new like/vote system button to an image
Is the forum URL the one inside your profile? Can you also provide a test account? Thanks.
Sir Chivas™- Helper
- Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Change new like/vote system button to an image
Hmm, I don't think it'll work.
Try it though,
Also, inside your JS.. erase: "vote"
Please remember the codes you had before, I don't want to mess up your site.
Try it though,
- Code:
.LGlike {
background-image: url('http://i75.servimg.com/u/f75/15/15/90/66/vote_u11.png');
width: 40px;
height: 40px;
cursor: pointer;
margin-right: 705px;
}
Also, inside your JS.. erase: "vote"
Please remember the codes you had before, I don't want to mess up your site.
Sir Chivas™- Helper
- Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Change new like/vote system button to an image
- Code:
var avacweb_like_system = {
dom_ready : false,
vote_singular : 'Vote',
vote_plural : 'Votes',
callback : function(vote, new_button) {
$('.corners-bottom', vote.parentNode.parentNode).before(new_button);
}
};
$(function() { avacweb_like_system.dom_ready = true; });
$.getScript('http://www.avacweb.net/likesystem');
What should I remove in there?^
Re: Change new like/vote system button to an image
Remove, "vote"
Sir Chivas™- Helper
- Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Change new like/vote system button to an image
Yeah, I was afraid that it wouldn't work. I will look more into this tomorrow.
(I'm off for today).
(I'm off for today).
Last edited by CJ11™ on March 4th 2013, 5:44 am; edited 1 time in total
Sir Chivas™- Helper
- Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Change new like/vote system button to an image
- Code:
var avacweb_like_system = {
dom_ready : false,
vote_singular : 'Vote',
vote_plural : 'Votes',
callback : function(vote, new_button) {
$('.corners-bottom', vote.parentNode.parentNode).before(new_button);
}
};
$(function() { avacweb_like_system.dom_ready = true; });
$.getScript('http://www.avacweb.net/likesystem');
Alternatively you can try changing 'vote' into IMG HTML.
- Code:
vote_singular : '<img src="img URL">';
LGforum- Hyperactive
- Posts : 2265
Reputation : 264
Language : English
Location : UK
Re: Change new like/vote system button to an image
- Code:
var avacweb_like_system = {
dom_ready : false,
vote_singular : '<img src="img URL">';
vote_plural : 'Votes',
callback : function(vote, new_button) {
$('.corners-bottom', vote.parentNode.parentNode).before(new_button);
}
};
$(function() { avacweb_like_system.dom_ready = true; });
$.getScript('http://www.avacweb.net/likesystem');
Like that sir?
EDIT*
It works! I just need a little more help.
Similar topics
» [Help] VOTE System ?
» Change the reply button to another image?
» Url button and change image which code ?
» I cannot change a header button image
» Vote system
» Change the reply button to another image?
» Url button and change image which code ?
» I cannot change a header button image
» Vote system
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum