hits counter
الرئيسيةس .و .جبحـثالتسجيلدخول
دعم شباب الآن: لدينا 8248 موضوع ، و 1991 عضو ، آخر عضو مسجل : نغم سات فمرحباُ به.



كود نشر الموضوع في المواقع الاجتماعية بدون تومبيلات
avatar
THE QM
إدارة الموقع
 
المشاركات : 7657
القسم المفضل : تطوير المواقع
سجل في : 13/06/2008
النقاط : 22
موضوع: كود نشر الموضوع في المواقع الاجتماعية بدون تومبيلات



الكود يظهر في بداية كل المواضيع والردود
الكود من طلبات اعضاء كتير واليوم وجدناه لكم


طريقة التركيب
لوحة الادارة ==> عناصر إضافية ==> إدارة اكواد JavaScript
ثم اضغط علي أنشاء كود جديد
العنوان : مثلا : كود مشاركة المواضيع
أضف الكود الى : جميع الصفحات

الكود:

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
/> ');
});

في css
الكود:


.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;

منقول و



كن بالقرب :
follow me @HDagash


التعليقات
لا يوجد حالياً أي تعليق

تفضّل شارك بتعليقك

دعم شباب  :: تطوير المواقع والمنتديات :: تطوير المواقع :: عالم الاكواد :: اكواد الـ html واكواد css موحدة لجميع النسخ-