بسم الله الرحمن الرحيم
ايقونات التواصل الاجتماعية اسفل المواضيع بشكل جديد ومميز
مصمم الكود : Mc Nabulsy
***************
صورة الكود :
قبل مرور الماوس على الايقونات
بعد مرور الماوس على الايقونات
***************
طريقة التركيب :
توجه نحو لوحة الادارة - مظهر المنتدى - التومبيلات والقوالب - ادارة عامة
ابحث عن قالب viewtopic_body
ومن ثم ابحث في القالب عن السطر التالي
الكود:
<!-- END switch_attachments -->
اضف الكود التالي اسفله
الكود:
<center><p>
<div class="socialmediaa">
<a href="#"><img src="https://i.servimg.com/u/f93/15/47/21/99/31110.png" alt="Facebook">
</a>
<a href="#"><img src="https://i93.servimg.com/u/f93/15/47/21/99/31310.png" alt="Twitter">
</a>
<a href="#"><img src="https://i93.servimg.com/u/f93/15/47/21/99/31210.png" alt="Google+">
</a>
<a href="#"><img src="https://i93.servimg.com/u/f93/15/47/21/99/31410.png" alt="Youtube">
</a>
</div>
</p></center>
<style>
/* Blur */
.socialmediaa img {
-webkit-filter: blur(3px);
filter: blur(3px);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.socialmediaa:hover img {
-webkit-filter: blur(0);
filter: blur(0);
}
</style>
لا تنسى تبديل الروابط (#) بروابط صفحاتك على مواقع التواصل الاجتماعي
بالتوفيق للجميع
يرجى ذكر المصدر عند النقل دليل اشهار المنتديات
والسلام ختام