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

شاطر | 
 

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

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


الساعة الان ✿ الساعة الان ✿ :
✿ ملاحظة ✿ ✿ ملاحظة ✿ :

أحلى دولة أعيش فيها ✿ أحلى دولة أعيش فيها ✿ :
المـوقـــــ ع ✿ المـوقـــــ ع ✿ : احلى تطوير
مهنتي ✿ مهنتي ✿ :
جنسي ✿ جنسي ✿ : ذكر
مــ ـيلادي ✿ مــ ـيلادي ✿ : 10/11/1987
عـدد مساهـماتـيـ ✿ عـدد مساهـماتـيـ ✿ : 273
تـاريخـ التسـجيلـ ✿ تـاريخـ التسـجيلـ ✿ : 22/11/2012
عــ ــمريـ ✿ عــ ــمريـ ✿ : 29


مزاجي ✿ مزاجي ✿ :
مشروبي المفضل ✿ مشروبي المفضل ✿ :
متصفحي ✿ متصفحي ✿ :
دعاء ✿ دعاء ✿ :
MMS MMS :
 حقوق المنتدى حقوق المنتدى :

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







الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://a7la-dz.forumalgerie.net http://facebook.com/akcent.hicham1
معجون قلبي
...::|عضو نشيط|::...
...::|عضو نشيط|::...


الساعة الان ✿ الساعة الان ✿ :
✿ ملاحظة ✿ ✿ ملاحظة ✿ :

أحلى دولة أعيش فيها ✿ أحلى دولة أعيش فيها ✿ :
المـوقـــــ ع ✿ المـوقـــــ ع ✿ : تقرت الكبيرة
مهنتي ✿ مهنتي ✿ :
جنسي ✿ جنسي ✿ : انثى
مــ ـيلادي ✿ مــ ـيلادي ✿ : 20/08/1988
عـدد مساهـماتـيـ ✿ عـدد مساهـماتـيـ ✿ : 90
تـاريخـ التسـجيلـ ✿ تـاريخـ التسـجيلـ ✿ : 23/11/2012
عــ ــمريـ ✿ عــ ــمريـ ✿ : 28


مزاجي ✿ مزاجي ✿ :
متصفحي ✿ متصفحي ✿ :
دعاء ✿ دعاء ✿ :
MMS MMS :
 حقوق المنتدى حقوق المنتدى :

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

رائع ومميز
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://a7la-dz.forumalgerie.net
Admin
...::|Admin|::...
...::|Admin|::...


الساعة الان ✿ الساعة الان ✿ :
✿ ملاحظة ✿ ✿ ملاحظة ✿ :

أحلى دولة أعيش فيها ✿ أحلى دولة أعيش فيها ✿ :
المـوقـــــ ع ✿ المـوقـــــ ع ✿ : احلى تطوير
مهنتي ✿ مهنتي ✿ :
جنسي ✿ جنسي ✿ : ذكر
مــ ـيلادي ✿ مــ ـيلادي ✿ : 10/11/1987
عـدد مساهـماتـيـ ✿ عـدد مساهـماتـيـ ✿ : 273
تـاريخـ التسـجيلـ ✿ تـاريخـ التسـجيلـ ✿ : 22/11/2012
عــ ــمريـ ✿ عــ ــمريـ ✿ : 29


مزاجي ✿ مزاجي ✿ :
مشروبي المفضل ✿ مشروبي المفضل ✿ :
متصفحي ✿ متصفحي ✿ :
دعاء ✿ دعاء ✿ :
MMS MMS :
 حقوق المنتدى حقوق المنتدى :

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

اقتباس :
رائع ومميز

و مرورك كان الاروع يسلمو امولة







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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
معهد احلى التطوير :: ||تطوير المنتديات|| :: ||تطوير المنتديات|| :: اكواد css-
انتقل الى:  
اضف اعلانك معنا
الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا الموقع هنا
Powered by phpbb2 ® a7la-dz
جميع الحقوق محفوظة لمنتدى احلى تطوير
 حقوق الطبع والنشر©2014 - 2012
a7la-dz.forumalgerie.net
المشاركات المنشورة بالمنتدى لاتعبر بالضرورة عن رأي إدارةالمنتدى ولا تمثل إلا رأي أصحابها فقط

Loading...