عيسى العنزي
05-04-2021, 12:27 AM
[ اسم الشرح ] :فوتر شبيه ترايدنت بأستخدام مكتبة font awesome Icons
[ الوصف ] :عمل فوتر شبيه بفوتر ترايدنت بأستخدام مكتبة الفونتات font awesome Icons
[ يتوافق مع اي اصدار ] : جميع اصدارات 3.8
السلام عليكم
نعود اليكم مع شرح جديد مع المكتبة الرائعة font awesome Icons
عمل فوتر شبيه بفوتر ترايدنت
لتحميل مكتبة الفونتات من الرابط التالي
هنــآ
فك الضغط وارفعها داخل مجلد vb
نبدي على بركة الله قبل التعديل
فوتر شبيه ترايدنت بأستخدام مكتبة
بعد التعديل
فوتر شبيه ترايدنت بأستخدام مكتبة
نبدي اول شي نروح لوحة التحكم ثم الاستايلات ونختار القوالب الشائعة
نستبدل قالب الفوتر بالكود التالي
كود PHP:
[LEFT] $ad_location[ad_footer_start]
<br />
<div class="smallfont" align="center"><a rel="nofollow" href="sendmessage.php"><font color="#3B5998"><div class="fa fa-envelope fa-4x"></div></a></li></a></font>
<a rel="nofollow" href="http://www.xxxxxx.com"><font color="#3B5998"><div class="fa fa-home fa-4x"></div></a></li></a></font>
<a rel="nofollow" href="archive/index.php"><font color="#3B5998"><div class="fa fa-sitemap fa-4x"></div></a></li></a></font>
<a rel="nofollow" href="#top"><font color="#3B5998"><div class="fa fa-chevron-circle-up fa-4x"></div></a></li></a></font>
<if condition="$show['admincplink']"><a href="$admincpdir/index.php$session[sessionurl_q]"><div class="fa fa-cogs fa-4x"></div></a></if>
<if condition="$show['modcplink']"><a href="$modcpdir/index.php$session[sessionurl_q]"><div class="fa fa-cog fa-4x"></div></a></if>
<br />
<if condition="$show['quickchooser']">
<td class="tfoot">
<select name="styleid" onchange="switch_id(this, 'style')">
<optgroup label="$vbphrase[quick_style_chooser]">
$quickchooserbits
</optgroup>
</select>
</td>
</if>
<if condition="$show['languagechooser']">
<td class="tfoot">
<select name="langid" onchange="switch_id(this, 'lang')">
<optgroup label="$vbphrase[quick_language_chooser]">
$languagechooserbits
</optgroup>
</select>
</td>
</if>
<p>$vbphrase[all_times_are_gmt_x_time_now_is_y]</div>
$spacer_close
<!-- /content area table -->
<form action="$vboptions[forumhome].php" method="get" style="clear:$stylevar
"
>
<table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="$stylevar[outertablewidth]" class="page" align="center">
<tr>
<td class="tfoot" align="$stylevar[right]" width="100%">
<div class="smallfont">
<strong>
$template_hook[footer_links]
<div align="center">
<div class="smallfont" align="center">
<!-- Do not remove this copyright notice -->
$vbphrase[powered_by_vbulletin]
<!-- Do not remove this copyright notice -->
</div>
<div class="smallfont" align="center">
<!-- Do not remove cronimage or your scheduled tasks will cease to function -->
$cronimage
<!-- Do not remove cronimage or your scheduled tasks will cease to function -->
$vboptions[copyrighttext]
</div>
</strong>
</div>
</td>
</tr>
</table>
</form>
$ad_location[ad_footer_end]
<if condition="$show['dst_correction']">
<!-- auto DST correction code -->
<form action="profile.php?do=dst" method="post" name="dstform">
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" name="do" value="dst" />
</form>
<script type="text/javascript">
<!--
var tzOffset = $bbuserinfo[timezoneoffset] + $bbuserinfo[dstonoff];
var utcOffset = new Date().getTimezoneOffset() / 60;
if (Math.abs(tzOffset + utcOffset) == 1)
{ // Dst offset is 1 so its changed
document.forms.dstform.submit();
}
//-->
</script>
<!-- / auto DST correction code -->
</if>
<script type="text/javascript">
<!--
// Main vBulletin Javascript Initialization
vBulletin_init();
//-->
</script>
<!-- كود تشغيل الايكونات -->
<link rel="stylesheet" href="css/font-awesome.min.css"/>
<!--[if IE 7]>
<link rel="stylesheet" href="css/font-awesome-ie7.min.css"/>
<![endif]-->
<!-- كود تشغيل الايكونات -->
طبعآ لوحة الادارة والمراقبين تظهر للمدير والمشرفين فقط كما في الفوتر العادي
لتغير لون ايقونة الفونت عدل على الكود التالي
كود PHP:
<font color="#3B5998">
لتغير حجم الايقونات عدل على الكود التالي
كود PHP:
<div class="fa fa-sitemap fa-4x
ولمعرفة الاحجام المتاحة من هذا الرابط
هذآ الرآبط
او استخدم الاكواد التالية
fa-lg
fa-2x
fa-3x
fa-4x
fa-5x
لتغير ايقونة الفونت من الرابط التالي
هنــآ
[ الوصف ] :عمل فوتر شبيه بفوتر ترايدنت بأستخدام مكتبة الفونتات font awesome Icons
[ يتوافق مع اي اصدار ] : جميع اصدارات 3.8
السلام عليكم
نعود اليكم مع شرح جديد مع المكتبة الرائعة font awesome Icons
عمل فوتر شبيه بفوتر ترايدنت
لتحميل مكتبة الفونتات من الرابط التالي
هنــآ
فك الضغط وارفعها داخل مجلد vb
نبدي على بركة الله قبل التعديل
فوتر شبيه ترايدنت بأستخدام مكتبة
بعد التعديل
فوتر شبيه ترايدنت بأستخدام مكتبة
نبدي اول شي نروح لوحة التحكم ثم الاستايلات ونختار القوالب الشائعة
نستبدل قالب الفوتر بالكود التالي
كود PHP:
[LEFT] $ad_location[ad_footer_start]
<br />
<div class="smallfont" align="center"><a rel="nofollow" href="sendmessage.php"><font color="#3B5998"><div class="fa fa-envelope fa-4x"></div></a></li></a></font>
<a rel="nofollow" href="http://www.xxxxxx.com"><font color="#3B5998"><div class="fa fa-home fa-4x"></div></a></li></a></font>
<a rel="nofollow" href="archive/index.php"><font color="#3B5998"><div class="fa fa-sitemap fa-4x"></div></a></li></a></font>
<a rel="nofollow" href="#top"><font color="#3B5998"><div class="fa fa-chevron-circle-up fa-4x"></div></a></li></a></font>
<if condition="$show['admincplink']"><a href="$admincpdir/index.php$session[sessionurl_q]"><div class="fa fa-cogs fa-4x"></div></a></if>
<if condition="$show['modcplink']"><a href="$modcpdir/index.php$session[sessionurl_q]"><div class="fa fa-cog fa-4x"></div></a></if>
<br />
<if condition="$show['quickchooser']">
<td class="tfoot">
<select name="styleid" onchange="switch_id(this, 'style')">
<optgroup label="$vbphrase[quick_style_chooser]">
$quickchooserbits
</optgroup>
</select>
</td>
</if>
<if condition="$show['languagechooser']">
<td class="tfoot">
<select name="langid" onchange="switch_id(this, 'lang')">
<optgroup label="$vbphrase[quick_language_chooser]">
$languagechooserbits
</optgroup>
</select>
</td>
</if>
<p>$vbphrase[all_times_are_gmt_x_time_now_is_y]</div>
$spacer_close
<!-- /content area table -->
<form action="$vboptions[forumhome].php" method="get" style="clear:$stylevar
"
>
<table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="$stylevar[outertablewidth]" class="page" align="center">
<tr>
<td class="tfoot" align="$stylevar[right]" width="100%">
<div class="smallfont">
<strong>
$template_hook[footer_links]
<div align="center">
<div class="smallfont" align="center">
<!-- Do not remove this copyright notice -->
$vbphrase[powered_by_vbulletin]
<!-- Do not remove this copyright notice -->
</div>
<div class="smallfont" align="center">
<!-- Do not remove cronimage or your scheduled tasks will cease to function -->
$cronimage
<!-- Do not remove cronimage or your scheduled tasks will cease to function -->
$vboptions[copyrighttext]
</div>
</strong>
</div>
</td>
</tr>
</table>
</form>
$ad_location[ad_footer_end]
<if condition="$show['dst_correction']">
<!-- auto DST correction code -->
<form action="profile.php?do=dst" method="post" name="dstform">
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" name="do" value="dst" />
</form>
<script type="text/javascript">
<!--
var tzOffset = $bbuserinfo[timezoneoffset] + $bbuserinfo[dstonoff];
var utcOffset = new Date().getTimezoneOffset() / 60;
if (Math.abs(tzOffset + utcOffset) == 1)
{ // Dst offset is 1 so its changed
document.forms.dstform.submit();
}
//-->
</script>
<!-- / auto DST correction code -->
</if>
<script type="text/javascript">
<!--
// Main vBulletin Javascript Initialization
vBulletin_init();
//-->
</script>
<!-- كود تشغيل الايكونات -->
<link rel="stylesheet" href="css/font-awesome.min.css"/>
<!--[if IE 7]>
<link rel="stylesheet" href="css/font-awesome-ie7.min.css"/>
<![endif]-->
<!-- كود تشغيل الايكونات -->
طبعآ لوحة الادارة والمراقبين تظهر للمدير والمشرفين فقط كما في الفوتر العادي
لتغير لون ايقونة الفونت عدل على الكود التالي
كود PHP:
<font color="#3B5998">
لتغير حجم الايقونات عدل على الكود التالي
كود PHP:
<div class="fa fa-sitemap fa-4x
ولمعرفة الاحجام المتاحة من هذا الرابط
هذآ الرآبط
او استخدم الاكواد التالية
fa-lg
fa-2x
fa-3x
fa-4x
fa-5x
لتغير ايقونة الفونت من الرابط التالي
هنــآ