منتديات احباب الحسين عليه السلام

منتديات احباب الحسين عليه السلام (https://www.ahbabhusain.net/vb/index.php)
-   احباب الحسين لتطوير منتديـــــvb3.0.0ــات (https://www.ahbabhusain.net/vb/forumdisplay.php?f=49)
-   -   الرجوع للاعلى باستخدام مكتبة Font-Awesome (https://www.ahbabhusain.net/vb/showthread.php?t=116204)

محـب الحسين 01-04-2016 08:50 PM

الرجوع للاعلى باستخدام مكتبة Font-Awesome
 
بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

شرح عمل كود الرجوع الى الاعلى باستخدام مكتبة Font-Awesome

ضع هذا الكود اسفل الهيدر واضغط على حفظ

كود:

<a style="display:scroll;position:fixed;bottom:5px;right:5px;"  href="#" title="الرجوع للأعلى"><font color="#3a5795"><i  class="fa fa-chevron-up  fa-2x"></i></font></a>
مع تغيير ما يلزم ان تطلب الأمر عمل تغيير حيث #3a5795 لون الايقونة و chevron-up اسم الايقونة

و 2x حجم الايقونة

بالامكان استخدام صورة اعتيادية لمن لا يستخدمون مكتبة Font-Awesome

وذلك عن طريق تغيير الكود التالي بكود صورة من اختيارك

كود بلغة HTML:

<font color="#3a5795"><i class="fa fa-chevron-up fa-2x"></i></font> 
مثال للعمل

انظر الصورة المرفقة

تم تقديم هذا الشرح بواسطة

صفوان الخزرجي

منقول

عاشقة ام الحسنين 19-06-2016 09:48 PM

اللهم صل على محمد وآل محمد وعجل فرجهم ياكريم
سلمتَ انـآملككَ عَ الأنتقْـآء
يعطيك العَعع‘ـآإفيـة . .. . ~


الساعة الآن 02:29 AM

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By Almuhajir
جميع الحقوق محفوظة لمنتديات احباب الحسين