Share & Bookmarking Widget V1.0.0

[shortysclimbin]

I am currently using this widget on my site, but I am having a few issues with the Flapper.jpg image. It is in white and my site is darker in color. I have since tried to copy it to my image directory and tried to edit the image, but I have not had any luck doing this.

Anyone try to do the same thing? I would like to reduce the link to the bologger site where this started.

http://www.mybloggertricks.com/2009/...ng-widget.html

This is for the mod http://www.zen-cart.com/index.php?ma...oducts_id=1705 on ZC V1.3.9

*--------Zen Bookmarking Widget (CSS)------*/
.zen-bookmarking a {
display:block;
height:42px;
width:48px;
padding:0 9px;
float:left;
background:transparent url(http://4.bp.##########################/_7wsQzULWIwo/SxYPky2M4VI/AAAAAAAACcs/SGTHHyAiZ4A/s1600/flapper.jpg) no-repeat;
}
.zen-bookmarking a.delicious {
background-position:0px 0px;
}
.zen-bookmarking a.delicious:hover {
background-position:0px -43px;
}
.zen-bookmarking a.digg {
background-position:0px -86px;
}
.zen-bookmarking a.digg:hover {
background-position:0px -129px;
}
.zen-bookmarking a.stumbleupon {
background-position:0px -344px;
}
.zen-bookmarking a.stumbleupon:hover {
background-position:0px -387px;
}
.zen-bookmarking a.technorati {
background-position:0px -430px;
}
.zen-bookmarking a.technorati:hover {
background-position:0px -473px;
}
.zen-bookmarking a.twitter {
background-position:0px -516px;
}
.zen-bookmarking a.twitter:hover {
background-position:0px -559px;
}
.zen-bookmarking a.facebook {
background-position:0px -172px;
} 

Editing the http address does not work, I am sure it is something silly like my CSS formating

[shortysclimbin]

OK got it working but I needed to locate it in the same directory as the .css files under my template. How do I direct it to the base image folder instead? url("../image/flapper.jpg")

Edit: got it working now.. For anyone not wanting to support blogger links through your site do the above.

[vescera]

This contribution dont work.
there is no product_info.css for editing.

[shortysclimbin]

Mine is working now, but I am using tabbed products currently.

[wagnerguy]

Hey guys, i got it to work except for the fact that its positioned before my add to cart button,i would liek to add it to the bottom. and the buttons are vertical instead of distributed horizontally across the page..

I am guessing its a change i have to make to the style sheet, but what change?

[itguru]

I do not see product_info.css.

[kernheimer]

I did get mine to work, only thing that is anoying me is the images. i want them to be in my own images folder and i do like them to be of my own choise. i don't like the look of these icons.
So i tried ( but have failed up ontil now, because of the little time i have) to make something myself.
I put the image in the root of my site and the path to that image.
Looks nice!
but still not how i would like it. Also i would love the upload link to youtube to get to work ;-)

still, i love this modulle!! thanks to the writer!!!!!

[kernheimer]

produc_info.css is just the normal stylesheet in your custom folder! ( at least, there is where i did my work!)

[kernheimer]

Hey guys, i got it to work except for the fact that its positioned before my add to cart button,i would liek to add it to the bottom. and the buttons are vertical instead of distributed horizontally across the page..

I am guessing its a change i have to make to the style sheet, but what change?

No you don't do it in the stylesheet, you have to put it in the includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php. It say's it right in the folder, in the read me..
i realise that what easiness the writer could have made it a lot easier, but it does work when you do follow al the man's instructions.. realy!

[itguru]

how did you make it work? Mine only says "Share it" and no Bookmarkings.