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

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

يعطيك العافيه
على هذآ المجهُود ,
ماننحرم من عطـآءك المميز يَارب !
حفظك الله ورعاك
لِـ روحك باقات الورد

اقتباس:

المشاركة الأصلية كتبت بواسطة الــوافــي

يعطيك العافيه
على هذآ المجهُود ,
ماننحرم من عطـآءك المميز يَارب !
حفظك الله ورعاك
لِـ روحك باقات الورد

يسعدني ويشرفني مرورك العطر
لكي مني اجمل باقت
الشكر والاحترام والتقدير

طرح في غايه آلروعه وآلجمال
سلمت آناملك على الانتقاء الاكثر من رائع
ولا حرمنا جديدك القادم والشيق
ونحن له بالإنتظار .."

يعطيك العافيه علي الطرح ) ...

دَام عَطَائِكْ.. يَآطُهرْ..
وَلَا حَرَّمْنَا أَنْتَقَائِكْ الْمُمَيِّز وَالْمُخْتَلِف دَائِمَا
حَفِظَك الْلَّه مِن كُل مَكْرُوْه ..
تَحِيّه مُعَطَّرَه بِالْمِسْك ,