The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Change new like/vote system button to an image

3 posters

Go down

In progress Change new like/vote system button to an image

Post by JAN2XONLINE March 4th 2013, 12:48 am

JAN2XONLINE
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

In progress Re: Change new like/vote system button to an image

Post by Sir Chivas™ March 4th 2013, 1:07 am

Pretty much this is what creates the button,

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™
Sir Chivas™
Helper
Helper

Male Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Change new like/vote system button to an image

Post by JAN2XONLINE March 4th 2013, 1:39 am

Yea, I don't really know much of the CSS. I just copy and paste things in there.
JAN2XONLINE
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

In progress Re: Change new like/vote system button to an image

Post by Sir Chivas™ March 4th 2013, 1:40 am

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™
Sir Chivas™
Helper
Helper

Male Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Change new like/vote system button to an image

Post by JAN2XONLINE March 4th 2013, 2:05 am

Sure, but I think it is fine since he shared it to public. Very Happy
JAN2XONLINE
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

In progress Re: Change new like/vote system button to an image

Post by Sir Chivas™ March 4th 2013, 2:10 am

True, but I've sent him a PM either way, don't want to have any problems.

Code:
.LGlike {
background-image: url(urlhere) no-repeat;
margin-right: 4px;
}

Try it.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Change new like/vote system button to an image

Post by JAN2XONLINE March 4th 2013, 3:51 am

Not working. Confused

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;
}
JAN2XONLINE
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

In progress Re: Change new like/vote system button to an image

Post by Sir Chivas™ March 4th 2013, 3:55 am

Is the forum URL the one inside your profile? Can you also provide a test account? Thanks. Very Happy
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Change new like/vote system button to an image

Post by JAN2XONLINE March 4th 2013, 4:10 am

Yea, that's the one.

I would like to put an image to the button and the already clicked button. And if it's possible, a hover image.

Vote: Change new like/vote system button to an image Vote_u11

Vote HOVEr: Change new like/vote system button to an image Vote_u12

Voted button: Change new like/vote system button to an image Vote_u10
JAN2XONLINE
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

In progress Re: Change new like/vote system button to an image

Post by Sir Chivas™ March 4th 2013, 4:26 am

Hmm, I don't think it'll work.

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™
Sir Chivas™
Helper
Helper

Male Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Change new like/vote system button to an image

Post by JAN2XONLINE March 4th 2013, 5:11 am

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?^
JAN2XONLINE
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

In progress Re: Change new like/vote system button to an image

Post by Sir Chivas™ March 4th 2013, 5:38 am

Remove, "vote"
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Change new like/vote system button to an image

Post by JAN2XONLINE March 4th 2013, 5:40 am

Didn't work.
JAN2XONLINE
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

In progress Re: Change new like/vote system button to an image

Post by Sir Chivas™ March 4th 2013, 5:43 am

Yeah, I was afraid that it wouldn't work. I will look more into this tomorrow. Smile

(I'm off for today).


Last edited by CJ11™ on March 4th 2013, 5:44 am; edited 1 time in total
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Change new like/vote system button to an image

Post by JAN2XONLINE March 4th 2013, 5:44 am

Okay, sir. Thanks. Very Happy
JAN2XONLINE
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

In progress Re: Change new like/vote system button to an image

Post by LGforum March 4th 2013, 11:07 am

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');
Change it to this ^ and then continue to set a background image. Good idea CJ11.

Alternatively you can try changing 'vote' into IMG HTML.
Code:
vote_singular : '<img src="img URL">';
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

In progress Re: Change new like/vote system button to an image

Post by JAN2XONLINE March 4th 2013, 11:18 am

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.
Change new like/vote system button to an image Bold_a10
JAN2XONLINE
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum