جنود الاشهار

موقع كبير عربي لاشهار المنتديات العربيه وتطويرها
 
الرئيسيةالرئيسية  اليوميةاليومية  مكتبة الصورمكتبة الصور  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

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

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


عارضه احترام القوانين : 100%
عدد المساهمات : 180
نقاط : 419
السٌّمعَة : 1
تاريخ التسجيل : 27/05/2011
العمر : 28

مُساهمةموضوع: كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي   6/3/2011, 1:10 am

الكود
للنسخة : 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>

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://pub4.a7larab.net/
ali
عضو مساهم وفعال
عضو مساهم وفعال


عارضه احترام القوانين : 100%
عدد المساهمات : 187
نقاط : 306
السٌّمعَة : 0
تاريخ التسجيل : 28/05/2011

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

شكرا لك ما قصرت
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
الزعيم
مشرف المنتدى


عارضه احترام القوانين : 100%
عدد المساهمات : 313
نقاط : 589
السٌّمعَة : 0
تاريخ التسجيل : 29/05/2011

مُساهمةموضوع: رد: كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي   6/4/2011, 3:54 pm

مشكوووووووووووووووووووووووووووور جدا اخي البروفيسور على الموضوع الرائع

======== التوقيع ========


==== ===

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
مسلم فقير
عضو جديد
عضو جديد


عارضه احترام القوانين : 100%
عدد المساهمات : 10
نقاط : 16
السٌّمعَة : 0
تاريخ التسجيل : 07/06/2011

مُساهمةموضوع: رد: كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي   6/7/2011, 7:32 pm

مشكووووووووووووووووووووور كود روعة من احلى مدير
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
ابو مازن
اشراف عام الابداع
اشراف عام الابداع


عارضه احترام القوانين : 100%
عدد المساهمات : 104
نقاط : 148
السٌّمعَة : 0
تاريخ التسجيل : 29/05/2011

مُساهمةموضوع: رد: كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي   7/1/2011, 12:51 pm

شكرااااااااااااااااااااااااااااا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Al-AmEr
الاداره العليا
الاداره العليا


عارضه احترام القوانين : 100%
عدد المساهمات : 845
نقاط : 1647
السٌّمعَة : 0
تاريخ التسجيل : 28/05/2011
العمر : 51
الموقع : ............

مُساهمةموضوع: رد: كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي   7/1/2011, 1:11 pm

جعلها الله في ميزان حسناتك

======== التوقيع ========


==== ===
&amp;lt;br&amp;gt;
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
ḾŖ.ảĦḾảḊ
نائب المدير العام
نائب المدير العام


عارضه احترام القوانين : 100%
عدد المساهمات : 1005
نقاط : 2106
السٌّمعَة : 0
تاريخ التسجيل : 03/07/2011
العمر : 21

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

مشكور اخوي

======== التوقيع ========


==== ===

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Co2
عضو نشيط
عضو نشيط


عارضه احترام القوانين : 100%
عدد المساهمات : 101
نقاط : 206
السٌّمعَة : 0
تاريخ التسجيل : 01/07/2011
العمر : 35

مُساهمةموضوع: رد: كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي   7/4/2011, 3:08 am

شكراااااااااااااااا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
عاشق تراب البحرين
نائب المدير العام
نائب المدير العام


عارضه احترام القوانين : 100%
عدد المساهمات : 762
نقاط : 1596
السٌّمعَة : 1
تاريخ التسجيل : 15/07/2011
العمر : 22
الموقع : علمني وطني بان دماء الشهداء هي التي ترسم حدود الوطن

مُساهمةموضوع: رد: كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي   7/31/2011, 6:23 pm

مشكور

======== التوقيع ========


==== ===
               
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
عمر الحربي
عضو نشيط
عضو نشيط
avatar

عارضه احترام القوانين : 100%
عدد المساهمات : 51
نقاط : 94
السٌّمعَة : 1
تاريخ التسجيل : 01/08/2011
العمر : 21
الموقع : a-islam.yoo7.com

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

مشكورر
جزاك الله كل خير

======== التوقيع ========


==== ===
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» شرح استخدام تويتر Twitter بالصور
» اضف واشهر وارشف موقعك بجميع محركات البحث العالمية جوجل google | ياهو yahoo | ام اس ان بينج msn-bing | التغذية rss | تويتر twitter | بعض نصائح الارشفة
» Maktoub is also on facebook
» الاستاذ / يوسف عبداللطيف - مرشحكم لمجلس الشعب المصرى 2010
» سجل و شارك معنا في جروب منتدى مدينة الحب على facebook

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