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 beside quote button

View previous topic View next topic Go down

like button beside quote button

Post by zenzo on January 31st 2013, 11:59 pm

i'm done having like button using the combination of javascript and css code

but i want to relocate its position and attache beside quote button just like here the plus (+) button beside the quote button

current position is at the bottom of the profile field.

forum version phpbb3


Last edited by zenzo on February 3rd 2013, 2:31 pm; edited 3 times in total

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Re: like button beside quote button

Post by zenzo on February 2nd 2013, 2:15 pm

bump

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Re: like button beside quote button

Post by Cassius Dio on February 3rd 2013, 12:46 pm

Can you here the code you have done? Smile

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Re: like button beside quote button

Post by zenzo on February 3rd 2013, 12:55 pm

javascript

Code:
var like_version = 'phpbb3';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = 'Like';
var vote_plural = 'Likes';
$.getScript('http://www.avacweb.net/like');



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

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Re: like button beside quote button

Post by Cassius Dio on February 3rd 2013, 1:01 pm

I will work on your problem when I'll come back on computer. It will not take a long time. Razz

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Re: like button beside quote button

Post by runawayhorses on February 3rd 2013, 1:03 pm

That like button you're using has nothing to do with facebook, its not a facebook like button. What you are using is a button for liking a post that is part of the forums Points and reputation system, it is not affiliated with facebook in any way or does it add anything to facebook. That button is a LGlike button from AvacWeb.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: like button beside quote button

Post by zenzo on February 3rd 2013, 1:15 pm

@runawayhorses wrote:That like button you're using has nothing to do with facebook, its not a facebook like button. What you are using is a button for liking a post that is part of the forums Points and reputation system, it is not affiliated with facebook in any way or does it add anything to facebook.

yes i know that

it seems you don't understand

facebook is not the issue here

the problem is the position


zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Re: like button beside quote button

Post by runawayhorses on February 3rd 2013, 2:23 pm

Yes I know you are trying to position that button above next to the quote, I understood that, but you have "facebook like button" in the title of this topic and the fact is its not a facebook like button at all, and can make a major difference in the code used to put that like button of yours next to the quote button.

What you don't seem to understand is your topic title is misleading and will effect search results in a negative way.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: like button beside quote button

Post by zenzo on February 3rd 2013, 2:34 pm

@runawayhorses wrote:Yes I know you are trying to position that button above next to the quote, I understood that, but you have "facebook like button" in the title of this topic and the fact is its not a facebook like button at all, and can make a major difference in the code used to put that like button of yours next to the quote button.

What you don't seem to understand is your topic title is misleading and will effect search results in a negative way.

ok tittle edit

i think i'm not wrong

cause its facebook like button not facebook like at all but theres a button
id say that cause the button image is like facebook button and that also was the tittle of the code where i get it

ok could you help me to relocate it


thanks

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Re: like button beside quote button

Post by zenzo on February 4th 2013, 11:50 pm

bump.....

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Re: like button beside quote button

Post by Sir Chivas™ on February 5th 2013, 12:26 am

Hi,

Can you please provide me an account that I can use to see the like button, to see if I can move its position. Thank you.

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

Re: like button beside quote button

Post by zenzo on February 5th 2013, 12:34 am

CJ11™ wrote:Hi,

Can you please provide me an account that I can use to see the like button, to see if I can move its position. Thank you.

PM sent

edit

http://gsmuniverz.forum-pro.org/

sorry i forgot


Last edited by zenzo on February 5th 2013, 6:41 am; edited 1 time in total

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Re: like button beside quote button

Post by Sir Chivas™ on February 5th 2013, 12:40 am

Got it, but can you please post your forum's URL? Thank you.

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

Re: like button beside quote button

Post by zenzo on February 5th 2013, 6:44 am

i use this code

Code:
.LGlike {
  position: relative !important;
  top: 50px !important;
  left: 2px !important;
}

but it only goes at the top of the profile and i cant locate it to the topic body

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Re: like button beside quote button

Post by SLGray on February 5th 2013, 10:15 am

Try changing this part of the CSS:
Code:
left: 2px !important;


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35622
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: like button beside quote button

Post by zenzo on February 6th 2013, 2:55 am

@SLGray wrote:Try changing this part of the CSS:
Code:
left: 2px !important;

same problem its like it can't move out to the profile field info

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Re: like button beside quote button

Post by SLGray on February 6th 2013, 2:57 am

So what happens when you change 2 to -100?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35622
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: like button beside quote button

Post by zenzo on February 6th 2013, 3:38 am

@SLGray wrote:So what happens when you change 2 to -100?
Code:
.LGlike {
  position: relative !important;
  top: 50px !important;
  left: 100px !important;
}
.LGvote {
  position: relative !important;
  top: 50px !important;
  left: 100px !important;
}


zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Re: like button beside quote button

Post by runawayhorses on February 6th 2013, 3:52 am

Try using margin values instead.

The four values, such as 10px 5px 2px 1px to specify the top, right, bottom and left margins:

Code:
{ margin: 10px 5px 2px 1px; }

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: like button beside quote button

Post by zenzo on February 6th 2013, 9:46 am

still problem not solve but its ok if we dont get the exact code


maybe i will move on invision


thanks guys you may close this topic

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

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