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

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

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

[imported_سلمان]

ح في غايه آلروعه وآلجمال
سلمت على الانتقاء
الاكثر من رائع
ولاحرمنا جديدك القادم
شكراً جزيلاً لك

طرح رائع كروعة حضورك
اشكر ك علي روعة ماقدمت واخترت
من مواضيع رائعه وهامة ومفيدة
عظيم الأمتنان لكَ ولهذا الطرح الجميل والرائع
لاحرمنا ربي باقي اطروحاتك الجميلة

ـــ
تحياتي وعطروردي

[imported_ريآن]

[align=center][tabletext="width:90%;background-image:url('http://roh-fa.com/up/p/1443350416462.gif');background-color:black;border:4px double white;"]


[cell="filter:;"][align=center][align=center][tabletext="width:80%;background-image:url('http://roh-fa.com/up/p/1443350415931.gif');background-color:black;"]


[cell="filter:;"][align=center][align=center][tabletext="width:70%;background-color:black;"][cell="filter:;"][align=center]

دوما تهطلون علينا
بــ فتنة وجمآل
لمتصفحكم طعم كــ الشهد
دمتم ودام لنا هذا التميز
هنيئاً لنا عطائكم اللا محدود

[/align][/cell][/tabletext][/align]


[/align][/cell][/tabletext][/align]


[/align][/cell][/tabletext][/align]

[قصايد]

سلمت على هكذا إنفراد وَ تميُز
دام حضورك وَ عطائِك اللا محدود ..!

[حلا ليالي]

الله يعطيك العافيه
سلمت يداك ودام عطائك

[˛ ذآتَ حُسن ♔]

سلمت يدآك ع آلطـرح الانتقاء المميز
الله يعطيك العافية يآرب
بـ نتظـآر آلمزيد من هـذآ العطــآء
دمت بكًل خير

[عواد الهران]

بارك الله فيك...
جزاك الله خير الجزاء,
ولك الشكر والامتنان,

والتميز بكمن بما نستفيد ونفيد,

وقمة التفاعل:
بالرد عليكم ,وتلقي ردودكم الكريمه.

[أبو محـمد]

سلمت اناملكم على الإنتقاء الرائع
دمتم بسعادة بحجم السماء
لقلبكم طوق الياسمين
لكم تحيتي

[رنيم الروح]

عاشت يمينك
بانتظار ابداعاتك القادمه ان شاءالله