Joomla Templates Club 406,261 posts

[iboux Friend ibouxJoin date: June 2008Posts: 68Downloads:0Uploads:16 Thanks: 18]

#156934

Hi,
how can I add the facebook, twitter, digg buttons under each article on my site? and also the like and not like buttons?

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#364899

I did this on http://www.justphp.net site with the help of shareme plugin.
Voting (like/don’t like) could be implemented with this add-on.

1 user says Thank You to gray for this useful post

1. iboux

[iboux Friend ibouxJoin date: June 2008Posts: 68Downloads:0Uploads:16 Thanks: 18]

#364912

<em>@gray 206140 wrote:</em><blockquote>I did this on http://www.justphp.net site with the help of shareme plugin.
Voting (like/don’t like) could be implemented with this add-on.</blockquote>

thank you so much. now how can i make them display horizontally on the bottom as opposed to vertically on the right now? can you tell me what and where to change please?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#364950

Have you installed any extension for that? Please provide us the link we will check and try to help you.

Thanks

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#364966

<em>@iboux 206156 wrote:</em><blockquote>thank you so much. now how can i make them display horizontally on the bottom as opposed to vertically on the right now? can you tell me what and where to change please?</blockquote>

Shareme has an option “Button Placement” – before or after article.
Also the plugin has CSS code, which could be changed from back-end (configs). I haven’t played with it, but try to remove “float: right;” and see what happens.

[iboux Friend ibouxJoin date: June 2008Posts: 68Downloads:0Uploads:16 Thanks: 18]

#364999

<em>@gray 206216 wrote:</em><blockquote>Shareme has an option “Button Placement” – before or after article.
Also the plugin has CSS code, which could be changed from back-end (configs). I haven’t played with it, but try to remove “float: right;” and see what happens.</blockquote>

i changed the css from ‘float right’ to float bottom’ which is what i wanted. but they r still displaying vertically. now how to make them horizontal? here is the css where i changed it

div.sharemebutton{ padding: 0px 0px 0px 0px; float: bottom; width: 56px; max-height: 195px; text-align: bottom;} td.sharemebutton{ padding-right: 0px; padding-top: 10px; padding-bottom:0px; margin-bottom:0px; margin-top: 0px; horizontal-align:bottom; } td.space_right{padding: 0px 0px 0px 0px;} div.sharemebuttont{ padding: 0px 2px 0px 0px; float: bottom; } td.sharemebuttont{ padding-right: 0px; padding-top: 10px; padding-bottom:0px; margin-bottom:0px; margin-top: 0px; horizontal-align:bottom; } td.space_right{ padding: 0px 0px 0px 0px;} div.sharemebuttonf{ padding: 2px 2px 0px 0px; float: right;} td.sharemebuttonf{ padding-right: 2px; padding-top: 10px; padding-bottom:0px; margin-bottom:0px; margin-top: 0px; horizontal-align:bottom;}

[thuanlq Friend thuanlqJoin date: October 2010Posts: 528Downloads:0Uploads:29 Thanks: 8 Thanked: 121 times in 99 posts]

#365164

Hi @iboux

On css style is not available for “float:bottom”, you can use other way for make them horizontal >> same code


div.sharemebutton{ padding: 0px 0px 0px 0px; position:absolute;bottom:0px; width: 56px; max-height: 195px; text-align: bottom;}
td.sharemebutton{ padding-right: 0px; padding-top: 10px; padding-bottom:0px; margin-bottom:0px; margin-top: 0px; position:absolute;
bottom:0px; }
td.space_right{padding: 0px 0px 0px 0px;}
div.sharemebuttont{ padding: 0px 2px 0px 0px; position:absolute;
bottom:0px; }
td.sharemebuttont{ padding-right: 0px; padding-top: 10px; padding-bottom:0px; margin-bottom:0px; margin-top: 0px;position:absolute;
bottom:0px; }
td.space_right{ padding: 0px 0px 0px 0px;}
div.sharemebuttonf{ padding: 2px 2px 0px 0px; float: right;}
td.sharemebuttonf{ padding-right: 2px; padding-top: 10px; padding-bottom:0px; margin-bottom:0px; margin-top: 0px; position:absolute;
bottom:0px;}

I replaced “float:bottom” and “horizontal-align:bottom” to “position:absolute;bottom:0px;”

If it not resolved, please provide me your site url where you installed this plugin

[Author]

Posts