• HomeCalendarFAQSearchMemberlistUsergroupsRegisterLog in
  • كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي
    منتديات ابداع كوم
    عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
    او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة ملتقى الإبداع والتميز
    سنتشرف بتسجيلك



     

    Share | 
     

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

    View previous topic View next topic Go down 
    AuthorMessage
    Admin
    المدير العام
    المدير العام


    Male

    عدد المساهمات : 268

    نقاط : 992

    السٌّمعَة : 0

    احترام قوانين المنتدى :

    العمر : 17

    تاريخ الميلاد : 1998-12-20

    علم بلادى :

    المتصفح :

    المزاج :

    تاريخ التسجيل : 2012-03-21

    الموقع : فى البيت

    PostSubject: كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي   Tue Apr 10, 2012 10:02 am

    كود 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;
    }


    مُساهمةموضوع: كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي الجمعة 4 نوفمبر 2011 - 8:53 تشغيل/تعطيل الإقتباس المتعدد رد مع اقتباس نص المساهمة تعديل/حذف هذه المساهمة حذف هذه المساهمة استعرض رقم الإيبي IP للمُرسل
    +
    ----
    -
    كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي

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


    https://i64.servimg.com/u/f64/15/84/84/32/p210.jpg


    الكود
    للنسخة : 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;
    }



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

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


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

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

    [code].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;
        }[/code]

       
    مُساهمةموضوع: كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي  الجمعة 4 نوفمبر 2011 - 8:53   تشغيل/تعطيل الإقتباس المتعدد رد مع اقتباس نص المساهمة تعديل/حذف هذه المساهمة حذف هذه المساهمة استعرض رقم الإيبي IP للمُرسل
    +
    ----
    -
    كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي

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


    http://i64.servimg.com/u/f64/15/84/84/32/p210.jpg


    الكود
    للنسخة : 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

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



    ..... ̿̿'̿'̵͇̿̿)(•̪●) ـــــــــــــــــــــــــــ (•̪●)=ε/̵͇̿̿/'̿'̿̿̿



    لست الافضل ولكن لي أسلوبي .. سأظل دائما اتقبل رأي الناقد و الحاسد .. فالأول يصحح مساري والثاني يزيد من اصراري

    Back to top Go down
    View user profile http://eb3da.forumotion.com
     
    كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي
    View previous topic View next topic Back to top 
    Page 1 of 1
     Similar topics
    -
    » Well....this Facebook security breach says it all
    » Answer these questions with song titles
    » Father's Day Photo Contest
    » Snap It, Share It Contest *singapore only*
    » Costa’s Kenny Chesney Fan of the Month

    Permissions in this forum:You cannot reply to topics in this forum
    منتديات ابداع كوم :: دعم فني لأحلى منتدى | ahlamontada :: موسوعة الاكواد | gallery codes :: اكواد css-
    Jump to:  
    تم تحويل الستايل بواسطة c.ronaldo