شبكة الإبداع العربي
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي



 
الرئيسيةس .و .جبحـثالأعضاءالتسجيلدخول

شاطر | 
 

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

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

avatar

إبداع ديزاين
المديرالعام
المديرالعام

الجنس الجنس : ذكر



مُساهمةموضوع: كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي   السبت 11 يونيو 2011 - 3:58







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






منتديات احنا فور يو التطويرية يمنع النقل بدون ذكر المصدرالموضوع الأصلي : كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي  المصدر : احنا فور يو - www.a7na4you.com  الكاتب:  إبداع ديزاين



تــوقــــبع
إبداع ديزاين
الرجوع الى أعلى الصفحة اذهب الى الأسفل

avatar

امير الاحساس
مبدع برونزي
مبدع برونزي

الجنس الجنس : ذكر



مُساهمةموضوع: رد: كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي   الإثنين 13 يونيو 2011 - 2:32













منتديات احنا فور يو التطويرية يمنع النقل بدون ذكر المصدرالموضوع الأصلي : كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي  المصدر : احنا فور يو - www.a7na4you.com  الكاتب:  امير الاحساس



تــوقــــبع
امير الاحساس
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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