Friday, July 30, 2010
Styling Linkwithin Widget
/* no background on hover: */
.linkwithin_posts a:hover {
background-color:transparent !important;}
/* no lines (border) between each other picture: */
.linkwithin_posts a { border:0px !important; text-decoration:none !important; }
/* on hover effect: */
.linkwithin_posts a {
filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
}
.linkwithin_posts a:hover {
background-color: transparent!important;
filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;
}
/* shadow on images around */
.linkwithin_img_0, .linkwithin_img_1, .linkwithin_img_2, .linkwithin_img_3
{-moz-box-shadow:2px 2px 3px #CCC;border:1px solid #DDD;margin:0 15px;padding:3px;-webkit-box-shadow:2px 2px 3px #CCC;box-shadow:2px 2px 3px #CCC;}
/* a bit round corners around images */
.linkwithin_img_0, .linkwithin_img_1, .linkwithin_img_2, .linkwithin_img_3, .linkwithin_img_4 {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
/* removing linkwithin logo */
#linkwithin_logolink_0,#linkwithin_logolink_1,#linkwithin_logolink_2,#linkwithin_logolink_3,#linkwithin_logolink_4{display:none!important;visibility:hidden!important;}
/* leechermods.com site spec. exclude from main animation on hover */
.linkwithin_posts a:hover {position:static;}
more top stylings I have found: developers.squarespace.com/design-coding... www.onecoolthingaday.com
www.uptheanti.org...
gifs-et-compagnie.over-blog.com
merge selected css: csstidy 1.3
Subscribe to:
Post Comments (Atom)
You Sir, are a superstar - thanks heaps for your time. ... adding u to favs - now!
ReplyDeleteHow do you center the Linkwithin Widget? It's currently on the left hand side and I cant seem to change anything
ReplyDeleteThanks
www.architectweekly.com