منتدى دعم PBBoard الرسمي
(نسخة قابلة للطباعة من الموضوع)
https://pbboard.info/forums/t20193
أنقر هنا لمشاهدة الموضوع بهيئته الأصلية

اضافة ايقونات التواصل الاجتماعي بـ القائمة الجانبية
عبدالاله الهذلي 07-07-2017 05:32 مساءً
السلام عليكم ورحمة الله وبركاته

حياكم الله جميعا .

اسم الشرح : اضافة ايقونات التواصل الاجتماعي بـ القائمة الجانبية


U7dNvG0PQrC568eft27UuA

التركيب :- قم بـ انشاء قالب جديد وسميه Social Media بعد الانتهاء قم بـ أدراج الكود التالي بـ القالب

CODE

{if {$_CONF['info_row']['active_static']}}
<ul class="sidebar">
<li class="tcat">
<span>التواصل الاجتماعي لـ
 {$_CONF['info_row']['title']}</span>
</li>
</ul>
<div class="row_sidebar">
<Center>
<div>
        <style>
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
/* color settings */

.fa-facebook-square:before {transition: color .3s ease-in-out;
}
.fa-facebook-square:hover:before {
color: #3b5998;
}
.fa-twitter-square:before {
transition: color .3s ease-in-out;
}
.fa-twitter-square:hover:before {
color: #00aced;
}
.fa-youtube-square:before {
transition: color .3s ease-in-out;
}
.fa-youtube-square:hover:before {
color: #bb0000;
}
.fa-pinterest-square:before {
transition: color .3s ease-in-out;
}
.fa-pinterest-square:hover:before {
color: #cb2027;
}
.fa-instagram:before {
transition: color .3s ease-in-out;
}
.fa-instagram:hover:before {
color: #125688;
}
.fa-twitch:before {
transition: color .3s ease-in-out;
}
.fa-twitch:hover:before {
color: #6441A5;
}
/* color settings */
</style>

<a target="_blank"" href="#"><i class="fa fa-facebook-square fa-3x"></i></a>
<a target="_blank"" href="#"><i class="fa fa-twitter-square fa-3x"></i></a>
<a target="_blank"" href="#"><i class="fa fa-youtube-square fa-3x"></i></a>    </div>
</Center>
</div>

{/if}




وثم قم بتوجه الى قالب whatis_new وقم بـ أضافة الكود التالي
CODE

{template}Social Media{/template}



اعلى
CODE

<li class="tcat pkr">



أنتهى الشرح , بتوفيق .
805681
منتدى دعم PBBoard الرسمي

Copyright © 2009-2024 PBBoard® Solutions. All Rights Reserved