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

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

طريقة الوضع : لوحة الادارة/مظهر
المنتدي/الصور والالوان /الوان/ورقة تصميم
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]