فوتر شبيه ترايدنت بأستخدام مكتبة

[عيسى العنزي]

[ اسم الشرح ] :فوتر شبيه ترايدنت بأستخدام مكتبة 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
لتغير ايقونة الفونت من الرابط التالي
هنــآ