منتديات صهيب التجاني صالح
أهلاً بمن أتانا بتحية وسلام يريد منا ترحيباً بأحلى كلام يريد أن ننرحب به للإنضمام إلى مركب أعضاءنا الكرام أهلاً بك في منتديات صهيب التجاني صالح (الرومي) هذه الرسالة تفيد بانك غير مسجل معنا الرجاء التسجيل او التعريف بنفسك شكراً الادارة


منتدي إسلامي إجتماعي ثقافي تكنلوجي
 
الرئيسيةالبوابةاليوميةس .و .جالمجموعاتالتسجيلدخول

شاطر | 
 

 كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي

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

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

تاريخ التسجيل : 04/04/2012



مُساهمةموضوع: كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي   الأربعاء مايو 16, 2012 2:32 pm

كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي

مُساهمة من طرف A7medvirus في 24/3/2011, 2:03 pm
كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي

قبل
وضع الكود مثال عليه
للنسخة :PhpBB2



الكود
للنسخة : PhpBB2
طريقة الوضع : لوحة الادارة/مظهر المنتدي/الصور
والالوان /الوان/ورقة تصميم css

الكود:
.sharing-cl{
    overflow:hidden;
    margin:-20px
    0 0 0;
    padding:0;
    list-style:none;
    width:530px;
    }
    .sharing-cl

    a{
    overflow:hidden;
    width:75px;
    height:20px;
    float:left;
    margin-right:5px;
    text-indent:-200px;
    background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png)

    no-repeat;
    }
    a.sh-su{background-position:-210px -40px;}
    a.sh-feed{background-position:-70px

    -40px;}
    a.sh-tweet{background-position:-140px -40px;}
    a.sh-mail{background-position:0

    -40px;}
    a.sh-digg{background-position:-280px -40px;}
    a.sh-face{
    margin-right:0;
    background-position:-350px

    -40px;
    }
    a.sh-mail:hover{background-position:0 1px;}
    a.sh-feed:hover{background-position:-70px

    1px;}
    a.sh-tweet:hover{background-position:-140px 1px;}
    a.sh-su:hover{background-position:-210px

    1px;}
    .sh-digg:hover{background-position:-280px 1px;}
    a.sh-face:hover{
    background-position:-350px

    1px;
    }
    #text{
    margin-top:5px;
    font-weight:bold;
    font-family:helvetica,arial,sans-serif;
    }
    #text

    a{
    text-indent:0;
    height:auto;
    text-align:center;
    font-size:11px;
    padding-top:35px;
    color:#999;
    text-decoration:none;
    }

بعد
ذلك نذهب الي
لوحة الادارة/ادارة عامة/تشكيل/وصف المنتدي
ثم نلصق
هذا الكود فيه
الكود:

    <script
    type=text/javascript
    src=http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partagerphpbb2.js></script>


مثال علي الكود لباقي النسخ


طريقة الوضع : لوحة الادارة/مظهر
المنتدي/الصور والالوان /الوان/ورقة تصميم
css

الكود يعمل مع : PhpBB3 – PunBB – Invision

الكود:
 .sharing-cl{
    overflow:hidden;
    margin:-20px
    0 0 0;
    padding:0;
    list-style:none;
    width:530px;
    }
    .sharing-cl

    a{
    overflow:hidden;
    width:75px;
    height:20px;
    float:left;
    margin-right:5px;
    text-indent:-200px;
    background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png)

    no-repeat;
    }
    a.sh-su{background-position:-210px -40px;}
    a.sh-feed{background-position:-70px

    -40px;}
    a.sh-tweet{background-position:-140px -40px;}
    a.sh-mail{background-position:0

    -40px;}
    a.sh-digg{background-position:-280px -40px;}
    a.sh-face{
    margin-right:0;
    background-position:-350px

    -40px;
    }
    a.sh-mail:hover{background-position:0 1px;}
    a.sh-feed:hover{background-position:-70px

    1px;}
    a.sh-tweet:hover{background-position:-140px 1px;}
    a.sh-su:hover{background-position:-210px

    1px;}
    .sh-digg:hover{background-position:-280px 1px;}
    a.sh-face:hover{
    background-position:-350px

    1px;
    }
    #text{
    margin-top:5px;
    font-weight:bold;
    font-family:helvetica,arial,sans-serif;
    }
    #text

    a{
    text-indent:0;
    height:auto;
    text-align:center;
    font-size:11px;
    padding-top:35px;
    color:#999;
    text-decoration:none;
    }

بعد
ذلك نذهب الي
لوحة الادارة/ادارة عامة/تشكيل/وصف المنتدي
ثم نلصق هذا الكود فيه
الكود يعمل مع : PhpBB3 – PunBB – Invision
الكود:
<script type=text/javascript
    src=http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.js></script>
مع تحياتي
لاتحرمونا من ردودكم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
توتة
عضو متميز
عضو متميز
avatar

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

تاريخ التسجيل : 11/12/2011



مُساهمةموضوع: رد: كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي   الخميس مايو 31, 2012 5:48 pm

تسلم كثييييييييييير






لاتقرأ وترحل اثبت... وجودك... وزد عدد مشاركاتك يزيد من إحترامك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» شرح استخدام تويتر Twitter بالصور
» اضف واشهر وارشف موقعك بجميع محركات البحث العالمية جوجل google | ياهو yahoo | ام اس ان بينج msn-bing | التغذية rss | تويتر twitter | بعض نصائح الارشفة
» Maktoub is also on facebook
» الاستاذ / يوسف عبداللطيف - مرشحكم لمجلس الشعب المصرى 2010
» سجل و شارك معنا في جروب منتدى مدينة الحب على facebook

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات صهيب التجاني صالح :: دعم وتطوير المنتديات :: أكواد Css لاحلى منتدى-
انتقل الى:  
المواضيع الأخيرة
» كود حقوق منتداك - جميع الحقوق محفوظة
الخميس سبتمبر 17, 2015 9:52 pm من طرف gibgib

» اليوم زفاف ابنتي منيه على المهندس هشام جهاد رفيق ابو غزال
الخميس أغسطس 06, 2015 11:27 pm من طرف انور ابو البصل

» العرب اشقاء بوابتك لتطويرمنتداك والرقي به نحو الافضل
الخميس أبريل 09, 2015 5:57 am من طرف انور ابو البصل

» منتدى انور ابو البصل الاسلامي / منتدى اسلامي عام شعاره الكتاب والسنة بفهم سلف الأمة
الإثنين يناير 12, 2015 9:39 pm من طرف انور ابو البصل

» دعــــاء يا حى يا قيوم
الأربعاء يناير 07, 2015 3:11 pm من طرف بارين

» كتاب تطوير تطبيق ويب RIA بواسطة Oracle ADF
الخميس يناير 01, 2015 4:17 pm من طرف thaifani

» اغنية ما عشقتك لجمالك
الثلاثاء ديسمبر 16, 2014 7:26 am من طرف بخاري عثمان

» كتاب شرح Oracle Payroll
الإثنين ديسمبر 01, 2014 6:40 am من طرف احمد عبد الرحمن

» كتاب دورة أوراكل
الإثنين ديسمبر 01, 2014 6:37 am من طرف احمد عبد الرحمن

» كتاب سلسلة أوراكل
الإثنين ديسمبر 01, 2014 6:34 am من طرف احمد عبد الرحمن

IP

سحابة الكلمات الدلالية
الساعة الأن بتوقيت السودان
جميع الحقوق محفوظة لـمنتديات صهيب التجاني صالح
 souhaib eltigani salih forum ®www.souhaib.123.st
حقوق الطبع والنشر©2011 - 2012



المواقع الصديقة --روابط هامة يرجي الاطلاع

منتديات بيبو  منتدى الصداقة
قلب الجزائر
منتدى انور ابو البصل الاسلامي منتديات عالم التفوق والابداع
أضف موقعك أضف موقعك
أضف موقعك أضف موقعكأضف موقعك أضف موقعك أضف موقعكأضف موقعك أضف موقعك
أضف موقعك أضف موقعكأضف موقعك أضف موقعك أضف موقعكأضف موقعك أضف موقعك
أضف موقعك أضف موقعكأضف موقعك أضف موقعك أضف موقعكأضف موقعك أضف موقعك
أضف موقعك
أضف موقعكأضف موقعك أضف موقعك  أضف موقعكأضف موقعك أضف موقعك