| هيلبرنت |
06-11-2018 10:00 PM |
طريقة اضافة ايقونات المشاركة في مواقع تواصل الاجتماعي , في اول مشاركة
2 مرفق
شرح اليوم رح يكون عن طريقة اضافة ايقونات المشاركة في مواقع تواصل الاجتماعي بشكل رائع مع العلم بان الشرح ماخوذ من الموقع الام
[ اسم الشرح ] : اضافة ايقونات مشاركة في مواقع تواصل الاجتماعي
[ يتوافق مع اي اصدار ] :3.8
الخطوات
1- نحمل ملف الايقونات من مرفقات ثم نستخرجه دخل مجلد images
2- الان توجه الى لوحة التحكم ثم البحث في القوالب ابحث عن قالب postbit_legacy ابحث دخل القالب عن
كود:
<!-- / icon and title -->
</if>
ثم ضع الكود التالي بعد الكود سابق مباشره
كود PHP:
<if condition="!in_array($GLOBALS[forumid], array(x,x,x))">
<if condition="(($post[postcount] % $vboptions[maxposts] == 1))">
<if condition="THIS_SCRIPT =='showthread'">
<div id="share">
<!-- Facebook -->
<a href="http://www.facebook.com/sharer.php?u=$vboptions[bburl]/showthread.php?t=$thread[threadid]" target="_blank"><img src="images/social/facebook.png" alt="Facebook" /></a>
<!-- Twitter -->
<a href="http://twitter.com/share?url=$vboptions[bburl]/showthread.php?t=$thread[threadid]&text=$post[title]" target="_blank"><img src="images/social/twitter.png" alt="Twitter" /></a>
<!-- Google+ -->
<a href="https://plus.google.com/share?url=$vboptions[bburl]/showthread.php?t=$thread[threadid]" target="_blank"><img src="images/social/gplus.png" alt="Google" /></a>
<!-- Digg -->
<a href="http://www.digg.com/submit?url=$vboptions[bburl]/showthread.php?t=$thread[threadid]" target="_blank"><img src="images/social/digg.png" alt="Digg" /></a>
<!-- Reddit -->
<a href="http://reddit.com/submit?url=$vboptions[bburl]/showthread.php?t=$thread[threadid]&title=$post[title]" target="_blank"><img src="images/social/reddit.png" alt="Reddit" /></a>
<!-- LinkedIn -->
<a href="http://www.linkedin.com/shareArticle?mini=true&url=$vboptions[bburl]/showthread.php?t=$thread[threadid]" target="_blank"><img src="images/social/linkedin.png" alt="LinkedIn" /></a>
<!-- Pinterest -->
<a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());"><img src="images/social/pinterest.png" alt="Pinterest" /></a>
<!-- StumbleUpon-->
<a href="http://www.stumbleupon.com/submit?url=$vboptions[bburl]/showthread.php?t=$thread[threadid]&title=$post[title]" target="_blank">
<img src="images/social/stumbleupon.png" alt="StumbleUpon" /></a>
</div>
</if>
</if>
</if>
ملاحظة هامه : عدل على
كود:
<if condition="!in_array($GLOBALS[forumid], array(x,x,x))">
حيث X برقم الاقسام التي لا تريد انت تظهر الايقونات في داخل مواضيعها
مثلا
كود:
<if condition="!in_array($GLOBALS[forumid], array(12,13))">
ثم اضغط على حفظ
بعد كذا توجه تحكم با الاستايلات ثم اختار css رئيسي في مربع ثاني ضع الكود تالي
كود:
<style type="text/css">
#share img {
width: 22px;
height: 22px;
padding: 5px;
border: 0px;
box-shadow: 0;
display: inline;
}
#share img:hover {
background-position: 0px -48px;
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}
a img {
border: 0;
}
</style>
|
