كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي فقط لمنتديات احلى منتدى
شبكة ديزاين ستار العربية
اهلا بك زائرنا الكريم
منتدانا مفتوح لك ولكل زائرينا
ولانجبر احد علي التسجيل
ولكن يسعدنا انضمامك الينا
http://img04.arabsh.com/uploads/image/2012/02/22/0a35464d65f6.png
http://img04.arabsh.com/uploads/image/2012/02/22/0a35464d65f5.png
http://img04.arabsh.com/uploads/image/2012/02/22/0a35464d65f4.png
http://img04.arabsh.com/uploads/image/2012/02/22/0a35464d65fb.png
http://img04.arabsh.com/uploads/image/2012/02/22/0a35464d65fa.png
http://img04.arabsh.com/uploads/image/2012/02/22/0a35464d66f3.png

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


 
 
الموضوع
تاريخ ارسال المشاركة
بواسطة
25.11.16 2:07
25.11.16 2:06
04.01.15 1:42
04.01.15 1:32
28.10.14 22:00
28.10.14 21:57
28.10.14 21:52
17.10.14 21:47
16.10.14 2:31
16.10.14 1:40
 


 
شاطر|

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل
معلومات العضو
avatar
ديـزايـن جـديـدديـزايـن جـديـد
معلومات إضافية
آلْـــ ج ــنسـ : ذكر
الـدولهــ : غىا
الْمَشِارَكِات : 7
نقاط : 2681
التقييم : 0
الاحترام : 100 %
معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي فقط لمنتديات احلى منتدى 13.05.11 1:57

بسم الله الرحمن الرحيم

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

بالتوفيق.......... الروشنة

ملاحظة هذه الكود فقط لمنتديات احلى منتدى....... الحب
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معلومات العضو
avatar
المدير الـعامالمدير الـعام
معلومات إضافية
آلْـــ ج ــنسـ : ذكر
الـدولهــ : المـغربـ
الْمَشِارَكِات : 1555
نقاط : 5540
التقييم : 9
الاحترام : 100 %
معاينة صفحة البيانات الشخصي للعضو http://des-star.yoo7.com
مُساهمةموضوع: رد: كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي فقط لمنتديات احلى منتدى 02.06.11 5:50

سلمت الايادي
موضوع راقي
لاعدمنا من تواجدك
الله لا يحرمنا منك ومن ابداعك
اجمل تحية


rr

.


──────────██
─────────█▒▒█
─────────█▒▒█
─────────█▒▒█
──────██▒█▒▒█
────██▒▒██▒▒█
──██▒▒█▒█████
─█▒▒█▒▒█▒▒▒▒▒█
█▒█▒▒█▒▒███▒▒▒█
─█▒█▒▒█▒▒█▒█▒▒█
─█▒█▒▒███▒▒▒▒█
──█▒██▒▒▒▒▒▒█
───█▒▒▒▒▒▒▒█
أشهد أن لا إلـہ إلاَّ اللـَّـہ
و أشهد أن مُـحـمَّــدْ رَسُــولُ اللـَّـہ

ستتعلم الكثير من دروس الحياة، إذا لاحظت أن رجال الإطفاء لا يكافحون النار بالنار

زوارـــــــــــــــــــــــــنآآ;

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معلومات العضو
avatar
ديـزايـن جـديـدديـزايـن جـديـد
معلومات إضافية
آلْـــ ج ــنسـ : ذكر
الـدولهــ : egy
الْمَشِارَكِات : 21
نقاط : 2515
التقييم : 0
الاحترام : 100 %
معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: رد: كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي فقط لمنتديات احلى منتدى 21.10.11 5:09

ops
الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شبكة ديزاين ستار العربية :: دعم ومساعدة اصحاب المنتديات :: دعم آصحاب المنتديات :: اكود css-

ضوابط المشاركة في المنتدى
لاتستطيع الرد على المواضيع في هذا المنتدى


BB code متاحة للجميع
الابتسامات متاحة للأعضاء
كود[IMG] متاح للأعضاء
كود HTML متاح للأعضاء



 
© phpBB | الحصول على منتدى مجاني | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | احدث مدونتك