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.

Change new like/vote system button to an image

View previous topic View next topic Go down

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

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


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™ on 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.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
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 on 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
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™ on 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.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
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 on March 4th 2013, 2:05 am

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

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™ on 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.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
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 on 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
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™ on 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



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
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 on 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:

Vote HOVEr:

Voted button:

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™ on 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.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
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 on 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
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™ on March 4th 2013, 5:38 am

Remove, "vote"



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
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 on March 4th 2013, 5:40 am

Didn't work.

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™ on 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



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
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 on March 4th 2013, 5:44 am

Okay, sir. Thanks. Very Happy

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 on 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
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

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

Post by JAN2XONLINE on 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.

JAN2XONLINE
Forumember

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

http://animeph.4umer.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