كود اعجب الفيس بوك وتيويتر بدون تمبيلات وحصرى كمان
يسعدني كثيرا ان اقدم لكم كود مشاطرة المواضيع علي الفيس بوك والتويتر مجاني
الكود يظهر في بداية كل المواضيع والردود
الكود من طلبات اعضاء كتير واليوم وجدناه لكم
طريقة التركيب
لوحة الادارة ==> عناصر إضافية ==> إدارة اكواد JavaScript
ثم اضغط علي أنشاء كود جديد
العنوان : مثلا : كود مشاركة المواضيع
أضف الكود الى : جميع الصفحات
كود Javascript : ضع الكود البرمجي التالي
الكود للنسخة phpbb2 الثانية
- الكود:
-
jQuery(document).ready(function() {
jQuery('.post-options').after('انشر الموضوع علي<table cellspacing=0
cellpadding=0 width=100%><tr><td align=right valign=center
style="margin-right:20px;"><ul class="sharing-cl" id="text">
<li><a target="_blank" class="sh-feed" href="
/feed"><img
src="http://icons.iconarchive.com/icons/tatice/cristal-intense/24/RSS-icon.png"><br></a></li>
<li><a target="_blank" class="sh-tweet"
href="http://twitter.com/home?status=Mon ForumActif '+url+'"
target="_blank" onclick="javascript:pageTracker._trackPageview
('/outbound/twitter.com');"><img
src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/24/social-twitter-box-blue-icon.png"></a></li>
<li><a target="_blank" class="sh-face"
href="http://www.facebook.com/share.php?u='+url+'"><img
src="http://icons.iconarchive.com/icons/iconshock/high-detail-social/24/facebook-icon.png"><br></a></li>
</ul></td><td width="180" align="right"
valign=center><fb:like href="'+url+'" layout="button_count"
width="45"></fb:like></td></tr></table><br
/> ');
});
[/code]
الكود للنسخة phpbb3 الثالثة
- الكود:
-
<table border="0" cellpadding="0" cellspacing="1" align="center" width="90%"><tr><td class="quote">
jQuery(document).ready(function() {
jQuery('p.author').after('انشر الموضوع علي<table cellspacing=0
cellpadding=0 width=100%><tr><td align=right valign=center
style="margin-right:20px;"><ul class="sharing-cl" id="text">
<li><a target="_blank" class="sh-feed" href="
/feed"><img
src="http://icons.iconarchive.com/icons/tatice/cristal-intense/24/RSS-icon.png"><br></a></li>
<li><a target="_blank" class="sh-tweet"
href="http://twitter.com/home?status=Mon ForumActif '+url+'"
target="_blank" onclick="javascript:pageTracker._trackPageview
('/outbound/twitter.com');"><img
src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/24/social-twitter-box-blue-icon.png"></a></li>
<li><a target="_blank" class="sh-face"
href="http://www.facebook.com/share.php?u='+url+'"><img
src="http://icons.iconarchive.com/icons/iconshock/high-detail-social/24/facebook-icon.png"><br></a></li>
</ul></td><td width="180" align="right"
valign=center><fb:like href="'+url+'" layout="button_count"
width="45"></fb:like></td></tr></table><br
/> ');
});</td></tr></table>
بعد وضع الكود الخاص بنسختك
اذهب الي ورقة css وضع هذا الكود
- الكود:
-
<table border="0" cellpadding="0" cellspacing="1" align="center" width="90%"><tr><td class="quote">[hide]
.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none !important;
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-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 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;
}</td></tr></table>