المشهر
السلام عليكم ورحمة الله وبكراته

احبتنا زوار الموقع الكرام نود اعلامكم جميعا بان المنتدى مفتوحاً للجميع لذلك فلا تبخلوا علينا بزيارتكم والتصفح ولو بالقراءة والدعاء

لا نريد ان نجبركم على التسجيل للتصفح نريدكم فقط ان استفدتم شيئاً من الموقع بان تدعو من قلبك لصاحب الموضوع والعاملين بالموقع

ودمتم بحفظ الله ورعايته

"خير الناس أنفعهم للناس"

المشهر


 
الرئيسيةالرئيسية  بحـثبحـث  التسجيلالتسجيل  دخول  

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
DaNgEr-MiNd
المشرف العام
المشرف العام
avatar

الجنس : ذكر
عدد المساهمات : 84
السٌّمعَة : 7
تاريخ التسجيل : 14/05/2011
العمر : 22

مُساهمةموضوع: كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي   السبت مايو 21, 2011 2:37 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;
}

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

الكود:
 <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>

وشكرا......... I love you
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://al-mushher.ahlamontada.com/
 
كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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