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.

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


Derri
Administrator
Administrator

Male Posts : 8385
Reputation : 576
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:

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


Derri
Administrator
Administrator

Male Posts : 8385
Reputation : 576
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

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?

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

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


Derri
Administrator
Administrator

Male Posts : 8385
Reputation : 576
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.

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.

Derri
Administrator
Administrator

Male Posts : 8385
Reputation : 576
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:

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

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.

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.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

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

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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

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!!

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! ^^

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

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.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.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