#1
مدون نشيط
تاريخ التسجيل: Apr 2013
المشاركات: 186
حصريا اضافة مترو المواقع الاجتماعية بشكل جديد مثل عالم العرب
سلام عليكملمشاهدة مثال الحي
كود بلغة HTML:
<center> <style type="text/css" >
.btnt-chronicl-social { width: 250px; margin: 0px; }
.btnt-chronicl-social ul { margin: 0; padding: 0; }
.btnt-chronicl-social ul li { list-style:none; padding: 0; text-transform: none; }
.btnt-chronicl-social ul li a { color: #fff; display:block; }
.btnt-chronicl-social ul li a:hover { color: #ffffff; background-color: #35B0F2; }
.btnt-chronicl-social ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}
.btnt-chronicl-social ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }
</style>
<div class="btnt-chronicl-social" >
<ul>
<li> <a class="rss" href="http://feedburner.google.com/fb/a/mailverify?uri=alam3arb/abcdx&" > اشترك في RSS</a> </li>
<li> <a class="twitter" href="https://twitter.com/alam3arbcom" > تابعنى على تويتر</a> </li>
<li> <a class="facebook" href="https://www.facebook.com/d7ak.m3arask" > تابعنا على فيس بوك</a> </li>
<li> <a class="google" href="https://plus.google.com/108955442810725743449/" > انضم الينا عبر Google+</a> </li>
</ul>
</div> </center> المصدر: عالم العرب http://www.alam3arb.com/2013/05/blog...#ixzz2SuBglCLp
__________________
من مواضيع alam3arbcom
05-10-2013, 04:53 PM
حصريا اضافة مترو المواقع الاجتماعية بشكل جديد مثل عالم العرب
المواضيع المتشابهه
العرض الشجري
