منتدى الهزازي

برامج وتطبيقات واكواد هتمل و css منتديات ومواقع
 
الرئيسيةالرئيسية  بلوجر  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  

ملاحظه =الرجاء اذا وجدت كود او رابط لايعمل التبليغ من هناء

التبادل الاعلاني
عناصرLanguage

شاهد منزلك من الفضاء الخارجي

مفاتيح دول العالم لللاتصال

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

معرب الكتابه على البرامج

المواضيع الأخيرة
سحابة الكلمات الدلالية

شاطر | 
 

 هتمل المواقع الاجتماعية يسار منتداك

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
stones
اللقب:
المدير العام
الرتبه:
الصورة الرمزية

avatar

البيانات
رقم العضوية :
1
رابط الصورة الشخصية :
بدون
الساعه :
بدون
الدوله :
السعودية
ذكر
السمك
عدد المساهمات :
2572
السٌّمعَة :
0
تاريخ التسجيل :
30/03/2012
العمر :
18
الموقع
sites-dalil.blogspot.com
العمل/الترفيه العمل/الترفيه :
بدون

التوقيت
الإتصالات
الحالة:
وسائل الإتصال:
مُساهمةموضوع: هتمل المواقع الاجتماعية يسار منتداك   الأربعاء 17 ديسمبر - 21:21

مرحبا
اليكم كود للمواقع لاجتماعية قوقل بلاس
تويتر فيس بوك تولبار ورس
يوضع الكود في تشكيلات عامه
وهذا الكود

الكود:
 <iframe style="width: 2px; height: 2px;" scrolling="no" src="" frameborder="0"></iframe>
<div id="social-sidebar">
                          
   <ul>
                             
      <li>
                     <a target="_blank" rel="nofollow" href="رابط تويتر" class="entypo-twitter"> <span>Twitter</span> </a>           
      </li>
                             
      <li>
                     <a target="_blank" rel="nofollow" href="رابط قوقل بلاس" class="entypo-gplus"> <span>google+</span> </a>           
      </li>
                             
      <li>
                     <a target="_blank" rel="nofollow" href="رابط صفحة الفيس بوك" class="entypo-facebook"> <span>facebook</span> </a>           
      </li>
                             
      <li>
                     <a target="_blank" rel="nofollow" href="tumblrرابط" class="entypo-tumblr"> <span>tumblr</span> </a>           
      </li>
                             
      <li>
                     <a target="_blank" rel="nofollow" href="رابط خدمة رس="entypo-rss"> <span>feedburner</span> </a>           
      </li>
                             
   </ul>
                          
</div><span class="corners-bottom"><span></span></span>
<div _moz_abspos="white" style="RIGHT: 600px; OVERFLOW: visible; WIDTH: 102px; POSITION: absolute; TOP: 25px; HEIGHT: 17px">
     <br /> 
   <p align="center">
                                                                               
   </p>
</div>


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

طبعا له كود اضافي في ورقةcss
وهذا هو

الكود:
[class*="entypo-"]:before {
 font-family: 'entypo', sans-serif;
}



#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: 20%;
}





#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: #CCCCFF;
 color: #fff;
 display: block;
 height: 50px;
 font-size: 18px;
 line-height: 50px;
 position: relative;
 text-align: center;
 width: 30px;
}



#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: #CCFFCC;
}



#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: #CCFFCC;
}



#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: #3399CC;
}



#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: #00CCFF;
}



#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: #99FFCC;
}


الكود معدل عليه
hip


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

هتمل المواقع الاجتماعية يسار منتداك

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

خدمات الموضوع
 KonuEtiketleri كلمات دليليه
هتمل المواقع الاجتماعية يسار منتداك , هتمل المواقع الاجتماعية يسار منتداك , هتمل المواقع الاجتماعية يسار منتداك ,هتمل المواقع الاجتماعية يسار منتداك ,هتمل المواقع الاجتماعية يسار منتداك , هتمل المواقع الاجتماعية يسار منتداك
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ هتمل المواقع الاجتماعية يسار منتداك ] مخالف ,, من فضلك راسل الإدارة من هنا
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الهزازي :: منتدى شروحات والبرامج :: اكواد هتمل مع الشرح-