Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  
  <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>
  
    <link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
​
  <meta charset="utf-8">
    <title>أيقونات المتابعة بشكل إحترافى مدونة مدون</title>
<meta name="description" content="" />
  
</head>
  <style type="text/css">
    .mana{font-family: 'Lobster', cursive;}
    .hady{font-family: 'Droid Arabic Kufi', tahoma ,arial;color:#fff;background:black;}
    .op{text-decoration: none;font-family: 'Droid Arabic Kufi', tahoma ,arial}
    .op a{color:#fff}
    .op a:hover{color:black}
    body{background:#FFFAEB}
.pbtv2Social {
display: block;
margin: 2em auto;
width: 200px;
height:40px;
}
.pbtv2Social span {
float: left;
display: inline;
margin-right: 8px;
}
.pbtv2Social span a {
display: block;
width: 32px;
height: 32px;
text-indent: -9999px;
background-color: none;
background: transparent url("http://4.bp.blogspot.com/-6h1-70nsBTI/T-QLQivplSI/AAAAAAAABZg/KfgSsUdfBx4/s1600/social+icon.png") 0 0 no-repeat;
}
#iconTwitter {background-position: -33px -33px;}
#iconFacebook {background-position: -66px -33px;}
#iconRSS {background-position: 0 -33px;}
#iconYouTube {background-position: -99px -33px;}
#iconGooglePlus {background-position: -132px -33px;}
#iconTwitter:hover {background-position: -33px 0;}
#iconFacebook:hover{background-position:-66px 0}
#iconRSS:hover{background-position:0 0}
#iconYouTube:hover{background-position:-99px 0}
#iconGooglePlus:hover{background-position:-132px 0}
</style>
<body>
 <div class='pbtv2Social'>
<span><a href='twitter.com/mdwan_blogger' id='iconTwitter' target='_blank' title='Follow us on Twitter'>Twitter</a></span>
<span><a href='http://www.facebook.com/mdwanblog' id='iconFacebook' target='_blank' title='Join us at Facebook'>Facebook</a></span>
<span><a href='http://feeds.feedburner.com/mdwanblog' id='iconRSS' target='_blank' title='Subscribe our RSS Feed'>RSS</a></span>
<span><a href='youtube.com/mdwanblog' id='iconYouTube' target='_blank' title='Follow our YouTube Channel'>YouTube</a></span>
<span><a href='https://plus.google.com/111188040805340254482/posts' id='iconGooglePlus' target='_blank' title='Follow us at Google+'>Google</a></span></div>
</div>
</div>
<div align="center">
 
  <p class="hady">أيقونات المتابعة على المواقع الإجتماعية بشكل أنيق فقط وحصرياً من مدونة مدون</p>
  <a href="http://mdwanblog.blogspot.com/" class="op">مدونة مدوّن</a>
</div>
</body>
</html>
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
hadymanapro
0viewers