اشهار
السلام عليكم ورحمة الله وبركاته
عزيزنا الزائر نرجوا التكرم والتسجيل بمنتدى الاشهار
وشكرا لك

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

نتائج البحث
 
Rechercher بحث متقدم
سحابة الكلمات الدلالية
برامج
المواضيع الأخيرة
» برامج روعه
الأحد أكتوبر 02, 2011 3:23 pm من طرف Admin

» مجموعة برامج مجانيه
الأحد أكتوبر 02, 2011 3:21 pm من طرف Admin

» برامج 2012
الأحد أكتوبر 02, 2011 3:18 pm من طرف Admin

» برامج كمبيوتر
الأحد أكتوبر 02, 2011 3:16 pm من طرف Admin

» مجموعة برامج جديده
الأحد أكتوبر 02, 2011 3:14 pm من طرف Admin

»  مكتبه كامله من البرامج الكمبيوتر الهامه وجديده
الأحد أكتوبر 02, 2011 3:10 pm من طرف Admin

» تقينيات اخرى مفيده وروعه للمنتدى
الأحد أكتوبر 02, 2011 2:53 pm من طرف Admin

» جميع اكواد التومبيلات
الأحد أكتوبر 02, 2011 2:49 pm من طرف Admin

» قائمة بكل مواضيع التومبلايت
الأحد أكتوبر 02, 2011 2:47 pm من طرف Admin

التبادل الاعلاني

انشاء منتدى مجاني



فبراير 2017
الإثنينالثلاثاءالأربعاءالخميسالجمعةالسبتالأحد
  12345
6789101112
13141516171819
20212223242526
2728     
اليوميةاليومية

شاطر | 
 

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

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


عدد المساهمات : 47
تاريخ التسجيل : 01/10/2011

مُساهمةموضوع: كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي   الأحد أكتوبر 02, 2011 2:10 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://eshhaar.forumegypt.net
 
كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» شرح استخدام تويتر Twitter بالصور
» اضف واشهر وارشف موقعك بجميع محركات البحث العالمية جوجل google | ياهو yahoo | ام اس ان بينج msn-bing | التغذية rss | تويتر twitter | بعض نصائح الارشفة
» Maktoub is also on facebook
» الاستاذ / يوسف عبداللطيف - مرشحكم لمجلس الشعب المصرى 2010
» سجل و شارك معنا في جروب منتدى مدينة الحب على facebook

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