كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي
قبل
وضع الكود مثال عليه
للنسخة :PhpBB2
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الكود
للنسخة : PhpBB2
طريقة الوضع : لوحة الادارة/مظهر المنتدي/الصور
والالوان /الوان/ورقة تصميم css
الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
بعد
ذلك نذهب الي
لوحة الادارة/ادارة عامة/تشكيل/وصف المنتدي
ثم نلصق
هذا الكود فيه
الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
....
مثال علي الكود لباقي النسخ
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
طريقة الوضع : لوحة الادارة/مظهر
المنتدي/الصور والالوان /الوان/ورقة تصميم
css
الكود يعمل مع : PhpBB3 – PunBB – Invision
الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
بعد
ذلك نذهب الي
لوحة الادارة/ادارة عامة/تشكيل/وصف المنتدي
ثم نلصق هذا الكود فيه
الكود يعمل مع : PhpBB3 – PunBB – Invision
الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
Translate:a7medvirus
Idea:Alex Fowl
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
فريق المساعدة
قبل
وضع الكود مثال عليه
للنسخة :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(https://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;
- }
بعد
ذلك نذهب الي
لوحة الادارة/ادارة عامة/تشكيل/وصف المنتدي
ثم نلصق
هذا الكود فيه
الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
-
- type=text/javascript
- src=https://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partagerphpbb2.js>
....
مثال علي الكود لباقي النسخ
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
طريقة الوضع : لوحة الادارة/مظهر
المنتدي/الصور والالوان /الوان/ورقة تصميم
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(https://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
الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
-
- src=https://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.js>
Translate:a7medvirus
Idea:Alex Fowl
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
فريق المساعدة