اختر لونك المفضل




العودة  Egyword - كلمة مصرية

أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للشبكة، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا. كما يشرفنا أن تقومبالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.






Egyword :: خدمات المواقع والمنتديات :: قسم تطوير منتديات Ahlamontada :: قسم أكواد JavaScript و jQuery

  الأربعاء 13 يوليو 2016 - 11:47

  • عدد المساهمات : 1030
  • تاريخ التسجيل : 13/05/2012
  • الموقع : Portsaid


افتراضي موضوع: كود ازرار التواصل الاجتماعي الجانبية احترافية




أهلا بيكم أعضاء وزوار منتديات كلمة مصرية الكرام 

اليوم بقدملك كود رائع لأزر
ار التواصل الإجتماعي 

كود إحترافي يبحث عنه الكثيرون 

صورة للكود 



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

لوحة الإدارة \ عناصر إضافية \ إدارو العناصر المستقلة على المنتدى 
أظهار العناصر المستقلة : نعم 
وقم بإنشاء عنصر جديد وضعه على يسار المنتدى 
وضع بداخله هذا الكود 



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



قم بالبحث عن :


https://twitter.com/


http://plus.google.com/


http://www.tumblr.net/


https://www.facebook.com/


http://feeds.feedburner.com/

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



توقيع : 3aMeR





Facebook: Ahmed 3amer

Skype: ahmed.amer521










ȜąṀєЯ








  
hotel deals in sharm el sheikh

الــرد الســـريـع
..

هل تريد التعليق؟
انضم إلى ( Egyword - كلمة مصرية ) للحصول على حساب مجاني أو قم بتسجيل الدخول إذاكنت عضوًا بالفعل






تعليمات المشاركة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة




Powered by vBulletin® Copyright ©2000 - 2015, Jelsoft Enterprises Ltd