miss abir online
***مرحبا بزوارنا الكرام في منتديات عنابة كوم***
نرجو منكم تسجيل الدخول إن كنتم أعضاء بالمنتدى بالضغط على زر "الدخول"
إن كنتم غير مسجلين بالمنتدى فتفضلوا بالتسجيل معنا بالضغط على زر "التسجيل"
يمكنكم دائما إغلاق هذه النافذة بلضغط على زر "إخفاء"


miss abir online
 
الرئيسيةالتسجيلدخول
منتديات عنابة كوم ترحب بالجميع-حيث العلوم والثقافة والسياحة والتسلية والنكت والالغار والتقنية والبرمجة والتصميم والابداع....-ارجو ان تقضوا اوقات جيدة في منتديات عنابة كووووووم-


شاطر | 
 

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

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


عدد المساهمات : 611
تاريخ التسجيل : 29/12/2010
العمر : 21
الموقع : http://lilkoul.yoo7.com

مُساهمةموضوع: كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي   الإثنين مايو 09, 2011 9:48 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>



Translate:a7medvirus
Idea:Alex Fowl
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://lilkoul.yoo7.com
saidou23
المدير الثاني
المدير الثاني
avatar

عدد المساهمات : 1169
تاريخ التسجيل : 02/09/2011
العمر : 37
الموقع : عنابة-الجزائر

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

مشكور جزيل الشكر
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.chorfa-dz.com/vb/
 
كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» نقل المواضيع لـTwitter بشكل تلقائي لتقوية الأرشفة
» صور من Kinda Hanna Fans

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
miss abir online :: عالم الاكواد :: اكواد css واكواد خاصة بمستعملي احلى منتدى-
انتقل الى: