Bookmark sexybookmark with bookmark.mn

Posted: 5 сар 17, 2010 in css, Проргамчлал
Css file ni
<style type=&#8221;text/css&#8221; >
.sharing-cl{
overflow:hidden;
margin:0;
padding:0;
list-style:none;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:30px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(“share-sprite.png&#8221;) no-repeat;
}
a.sh-in{background-position:-210px -40px;}
a.sh-bookmark{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-bookmark:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-in:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:3em;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}
</style>

html file ni

<ul class=&#8221;sharing-cl&#8221; id=&#8221;text&#8221;>

<li><a class=&#8221;sh-mail&#8221; href=&#8221;<send email friend id>&#8221;>email</a></li>

<li><a class=&#8221;sh-bookmark&#8221; href=&#8221;http://bookmark.mn/main.php?action=submit&url=<url>”>bookmark.mn</a></li&gt;

<li><a class=&#8221;sh-tweet&#8221; href=&#8221;http://twitter.com/home?status=<mypage>”>twitter</a></li&gt;

<li><a class=&#8221;sh-face&#8221; href=&#8221;http://www.facebook.com/sharer.php?u=<url to share>&t=<title of content>&#8221;>facebook</a></li>

<li><a class=&#8221;sh-in&#8221; href=&#8221;http://www.linkedin.com/shareArticle?mini=true&url={articleUrl}&title={articleTitle}&summary={articleSummary}&source={articleSource}

“>linkedin</a></li>

<li><a class=&#8221;sh-digg&#8221; href=&#8221;http://digg.com/submit?url=<url>&title=<title>”>digg</a></li&gt;

</ul>

Advertisements

Хариулт үлдээх

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Өөрчлөх )

Twitter picture

You are commenting using your Twitter account. Log Out / Өөрчлөх )

Facebook photo

You are commenting using your Facebook account. Log Out / Өөрчлөх )

Google+ photo

You are commenting using your Google+ account. Log Out / Өөрчлөх )

Connecting to %s