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

View previous topic View next topic Go down

Solved Like Button

Post by luiz187 on October 20th 2013, 10:44 pm

How do i get a like button like this:

Img from sanket.
avatar
luiz187
Forumember

Male Posts : 183
Reputation : 3
Language : English and Portuguese and some Spanish
Location : ISS

http://everyonesblog.net

Back to top Go down

Solved Re: Like Button

Post by Derri on October 20th 2013, 10:51 pm



Forum Rules: :Forumotion Staff: :Appeal A Warning: :FAQ: :Tips & Tricks: :Forgotten Password/Login Issues
You need one post to send a PM
When your topic has been solved, ensure you mark the topic solved
Never post your email in public

avatar
Derri
Administrator
Administrator

Male Posts : 8544
Reputation : 603
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Solved Re: Like Button

Post by luiz187 on October 20th 2013, 11:03 pm

wont work looks like this:
avatar
luiz187
Forumember

Male Posts : 183
Reputation : 3
Language : English and Portuguese and some Spanish
Location : ISS

http://everyonesblog.net

Back to top Go down

Solved Re: Like Button

Post by Derri on October 20th 2013, 11:06 pm

What forum version are you using?


Forum Rules: :Forumotion Staff: :Appeal A Warning: :FAQ: :Tips & Tricks: :Forgotten Password/Login Issues
You need one post to send a PM
When your topic has been solved, ensure you mark the topic solved
Never post your email in public

avatar
Derri
Administrator
Administrator

Male Posts : 8544
Reputation : 603
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Solved Re: Like Button

Post by luiz187 on October 20th 2013, 11:11 pm

phpbb3 i think
avatar
luiz187
Forumember

Male Posts : 183
Reputation : 3
Language : English and Portuguese and some Spanish
Location : ISS

http://everyonesblog.net

Back to top Go down

Solved Re: Like Button

Post by Ange Tuteur on October 20th 2013, 11:13 pm

Did you paste the required CSS for the style?
avatar
Ange Tuteur
Forumaster

Male Posts : 13174
Reputation : 2873
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Like Button

Post by Derri on October 20th 2013, 11:16 pm

Another alternative would be to use the code found here at avacweb as that is the place where the code developed and I believe they've change it slightly and sorted out any potential bugs over the time so its most likely to be the most up to date.

http://www.avacweb.com/t195p135-9-a-new-like-vote-system


Forum Rules: :Forumotion Staff: :Appeal A Warning: :FAQ: :Tips & Tricks: :Forgotten Password/Login Issues
You need one post to send a PM
When your topic has been solved, ensure you mark the topic solved
Never post your email in public

avatar
Derri
Administrator
Administrator

Male Posts : 8544
Reputation : 603
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Solved Re: Like Button

Post by luiz187 on October 20th 2013, 11:20 pm

I used that first and it did the same thing. Thats why i asked for help here.
avatar
luiz187
Forumember

Male Posts : 183
Reputation : 3
Language : English and Portuguese and some Spanish
Location : ISS

http://everyonesblog.net

Back to top Go down

Solved Re: Like Button

Post by Derri on October 20th 2013, 11:23 pm

@luiz187 wrote:I used that first and it did the same thing. Thats why i asked for help here.
And like SethC asked you did add the custom CSS to your CSS stylesheet? as it sounds like an error somewhere in that department.

Can you check your forum version to be sure by going ACP --> Display --> Choose a theme --> Version --> see which one the black circle is place in.
avatar
Derri
Administrator
Administrator

Male Posts : 8544
Reputation : 603
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Solved Re: Like Button

Post by Ange Tuteur on October 20th 2013, 11:26 pm

You forgot to add the CSS, I checked your forum now. Follow the directions above from Derri for forum version, then paste the code below into your stylesheet.

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;
  }
Style Edit Example:
avatar
Ange Tuteur
Forumaster

Male Posts : 13174
Reputation : 2873
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Like Button

Post by luiz187 on October 20th 2013, 11:36 pm

I added it, isnt working right. I need someone to go on the CSS thing and see whats wrong with my stylesheet. Some of my CSS just isnt working.
avatar
luiz187
Forumember

Male Posts : 183
Reputation : 3
Language : English and Portuguese and some Spanish
Location : ISS

http://everyonesblog.net

Back to top Go down

Solved Re: Like Button

Post by Ange Tuteur on October 20th 2013, 11:37 pm

@luiz187 wrote:I added it, isnt working right. I need someone to go on the CSS thing and see whats wrong with my stylesheet. Some of my CSS just isnt working.
Post your sheet here and I'll scan it for errors.
avatar
Ange Tuteur
Forumaster

Male Posts : 13174
Reputation : 2873
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Like Button

Post by luiz187 on October 21st 2013, 12:04 am

Code:
 html#sceditor_smilies body {
background-image: none;
background-color: #black;
}
#quick_reply #av_raspuns{
display: table-cell;
width: 200px;
}

#quick_reply #textarea_content{
width: 800px !important;
display: table;
}

#quick_reply #text_editor_controls{
width: 500px;
margin-left: auto;
margin-right: auto;
position: left;
left: 100px;
}

#quick_reply #text_editor_textarea{
display: table-cell;
width: 400px;
}
li.row dl.icon dd.dterm {
margin-left: 10px;
}
#search{
display:none;
}
a:link {
text-decoration: none;
text-shadow: none;
-webkit-transition: 200ms linear 0s;
-moz-transition: 200ms linear 0s;
-o-transition: 200ms linear 0s;
transition: 200ms linear 0s;
outline: 0 none;
}
a:link:hover, a:link:focus
{
color: #fff;
text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
}
.fontbutton{border-radius: 6px!important;}



.overlay{
background:transparent url(http://i15.servimg.com/u/f15/17/59/75/01/overla10.png) repeat top left;
position:fixed;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:100;
}


.box {
position:fixed;
padding: 30px 40px 34px;
top:-200px;
left:30%;
right:30%;

background: #F9F9F9 url(http://i15.servimg.com/u/f15/17/59/75/01/modal-10.png) no-repeat -200px -80px;

outline: 1px solid #E1E1E1;
border: 1px solid #ffffff;

-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-ms-box-shadow: 0 0 10px rgba(0,0,0,.4);
-o-box-shadow: 0 0 10px rgba(0,0,0,.4);
box-shadow: 0 0 10px rgba(0,0,0,.4);

z-index:101;
}


a.boxclose{
top: 8px;
right: 11px;
line-height: .5;
position: absolute;

color: #AAA;
font-size: 22px;
font-weight: bold;
cursor: pointer;


-webkit-text-shadow: 0 -1px 1px rbga(0,0,0,.6);
-moz-text-shadow: 0 -1px 1px rbga(0,0,0,.6);
-ms-text-shadow: 0 -1px 1px rbga(0,0,0,.6);
-o-text-shadow: 0 -1px 1px rbga(0,0,0,.6);
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
}




#loginBox {
width: 300px;

text-align: center;
font-size: 10px;
}




#LGskinchanger {
padding: 5px;
position: absolute;
top: 5px;
left: 5px;
background: #EEE;
border: 1px solid #CCC;
box-shadow: 4px 2px 10px #333;
-moz-box-shadow: 4px 2px 10px #333;
-webkit-box-shadow: 4px 2px 10px #333;
color: #666;
text-shadow: 0px 1px white;
}

window.LGcustom_skins = {
'default' : 'default CSS URL',
'blue' : '/0-ltr.css',
'green' : 'CSS URL',
'name' : 'url' // and so on... make sure comma at the end of each one, but the last.
};

//under here codes from beta 2.0

#saved_note {
position: fixed;
bottom: 10px;
right: 10px;
padding: 5px 10px;
border: 1px solid;
color: #c05;
background: #E1EBF2;
}

$(function() {
var x = document.post;
$(x.post).click(function(e) {
if (x.message.value.length < 2) {
e.preventDefault();
alert('Spam Destroyer: Ooops! Your post must contain at least 2 characters! This is used to prevent spammers.');
}
});
});

.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;
}
Its very long sorry Sad
avatar
luiz187
Forumember

Male Posts : 183
Reputation : 3
Language : English and Portuguese and some Spanish
Location : ISS

http://everyonesblog.net

Back to top Go down

Solved Re: Like Button

Post by Ange Tuteur on October 21st 2013, 12:18 am

You had JavaScript in your CSS stylesheet, that is most likely the cause of the codes below not working.

Overwrite your old CSS with the one below and see if it works as it should.

Code:
html#sceditor_smilies body {
  background-image: none;
  background-color: #black;
  }
  #quick_reply #av_raspuns{
  display: table-cell;
  width: 200px;
  }
  #quick_reply #textarea_content{
  width: 800px !important;
  display: table;
  }
  #quick_reply #text_editor_controls{
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  position: left;
  left: 100px;
  }
  #quick_reply #text_editor_textarea{
  display: table-cell;
  width: 400px;
  }
  li.row dl.icon dd.dterm {
  margin-left: 10px;
  }
  #search{
display:none;
}
  a:link {
  text-decoration: none;
  text-shadow: none;
  -webkit-transition: 200ms linear 0s;
  -moz-transition: 200ms linear 0s;
  -o-transition: 200ms linear 0s;
  transition: 200ms linear 0s;
  outline: 0 none;
  }
  a:link:hover, a:link:focus{
  color: #fff;
  text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
  }
  .fontbutton{border-radius: 6px!important;}
  .overlay{
  background:transparent url(http://i15.servimg.com/u/f15/17/59/75/01/overla10.png) repeat top left;
  position:fixed;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  z-index:100;
  }
  .box {
  position:fixed;
  padding: 30px 40px 34px;
  top:-200px;
  left:30%;
  right:30%;
  background: #F9F9F9 url(http://i15.servimg.com/u/f15/17/59/75/01/modal-10.png) no-repeat -200px -80px;
  outline: 1px solid #E1E1E1;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
  -ms-box-shadow: 0 0 10px rgba(0,0,0,.4);
  -o-box-shadow: 0 0 10px rgba(0,0,0,.4);
  box-shadow: 0 0 10px rgba(0,0,0,.4);
  z-index:101;
  }
  a.boxclose{
  top: 8px;
  right: 11px;
  line-height: .5;
  position: absolute;
  color: #AAA;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  -webkit-text-shadow: 0 -1px 1px rbga(0,0,0,.6);
  -moz-text-shadow: 0 -1px 1px rbga(0,0,0,.6);
  -ms-text-shadow: 0 -1px 1px rbga(0,0,0,.6);
  -o-text-shadow: 0 -1px 1px rbga(0,0,0,.6);
  text-shadow: 0 -1px 1px rbga(0,0,0,.6);
  }
  #loginBox {
  width: 300px;
 
  text-align: center;
  font-size: 10px;
  }
  #LGskinchanger {
  padding: 5px;
  position: absolute;
  top: 5px;
  left: 5px;
  background: #EEE;
  border: 1px solid #CCC;
  box-shadow: 4px 2px 10px #333;
  -moz-box-shadow: 4px 2px 10px #333;
  -webkit-box-shadow: 4px 2px 10px #333;
  color: #666;
  text-shadow: 0px 1px white;
  }
/*under here codes from beta 2.0*/
  #saved_note {
  position: fixed;
  bottom: 10px;
  right: 10px;
  padding: 5px 10px;
  border: 1px solid;
  color: #c05;
  background: #E1EBF2;
  }
  .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;
  }
avatar
Ange Tuteur
Forumaster

Male Posts : 13174
Reputation : 2873
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Like Button

Post by luiz187 on October 21st 2013, 12:19 am

Thank You!!!!!!!
WORKED!!
avatar
luiz187
Forumember

Male Posts : 183
Reputation : 3
Language : English and Portuguese and some Spanish
Location : ISS

http://everyonesblog.net

Back to top Go down

Solved Re: Like Button

Post by Ange Tuteur on October 21st 2013, 12:23 am

You're welcome! ^^
avatar
Ange Tuteur
Forumaster

Male Posts : 13174
Reputation : 2873
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Like Button

Post by SLGray on October 21st 2013, 3:08 am

Topic Solved & Locked


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

avatar
SLGray
Administrator
Administrator

Male Posts : 39749
Reputation : 2681
Language : English
Location : United States

https://fmthemes.forumotion.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