كود فوتر رائع جدا لمنتداك .. منتديات الابداع والمساعدة ..

اهلا بكل اعضاء وزوار منتديات الابداع والمساعده الكرام

اليوم جائت لكم بكود فوتر رائع جدا لمنتداك ..


صورة للفوتر :

https://i.servimg.com/u/f49/15/29/54/79/29372310.png

الكود:



<style type="text/css" id="vbulletin_css">


#Heder_tmdd
 
{background-image:url('graye/images/Heder_tmdd.jpg');background-repeat:repeat-x;height:223px;}.hedr_right
 
{background-image:url('graye/images/hedr_right.jpg');background-repeat:no-repeat;height:223px;width:318px;float:right;}.hedr_left
 
{background-image:url('graye/images/hedr_left.jpg');background-repeat:no-repeat;height:223px;width:364px;float:left;}a.r1
 {position:absolute;height:25px;width:57px;left:107px;top:55px;}a.r2
{position:absolute;height:25px;width:57px;left:107px;top:85px;}a.r3
{position:absolute;height:25px;width:57px;left:107px;top:110px;}.t1
{background-image:url('graye/images/t1.jpg');background-repeat:repeat-y;background-position:right;padding-right:37px;}.t2
 
{background-image:url('graye/images/t2.jpg');background-repeat:repeat-y;background-position:left;padding-left:37px;}#Foter_tmdd
 
{background-image:url('graye/images/Foter_tmdd.jpg');background-repeat:repeat-x;height:101px;}.Foter_right
 
{background-image:url('graye/images/Foter_right.jpg');background-repeat:no-repeat;height:101px;width:342px;float:right;}.Foter_left
 
{background-image:url('graye/images/Foter_left.jpg');background-repeat:no-repeat;height:101px;width:341px;float:left;}#tags
 { text-align: center; font-family: Arial, Tahoma, Verdana; } #tags h1 {
 font-size: 19px; color: black; font-weight: bold; } #tags h2 {
font-size: 17px; color: black; font-weight: bold; }  .faras_tab {margin:
 auto;}.faras_mtab {margin: auto;width: 1000px;}img {border: 0px none;}a
 {outline: 0px;}.faras_hadv {border: 1px #0099FF dashed;margin-left:
4px;}.faras_adv {border: 1px #0099FF dashed;}.faras_navigations
{margin-right: 5px;padding-right: 5px;font-size: 8pt;text-align:
right;margin: auto;}.faras_navigations li {display:
inline;}.faras_navigations li a {float: none;width: 95%;display:
block;text-decoration: none;margin: 0 0px;padding: 2px
2px;margin-bottom: 2px;border-bottom: 1px #C0C0C0 dashed;color:
#424200;}.faras_navigations li a:hover {font-size: 8pt;color:
#424200;border-bottom: 1px #D7077D dashed;background-color: #CDB3B4 ;}

</style>

<table cellpadding="0" class="faras_tab" style="width: 90%" dir="rtl"><tr>

<td style="width: 15%"><ul class="faras_navigations">

<li title="القسم الاول">
<span lang="ar-sa"><a href="رابط القسم الاول">القسم الاول</a></span></li>

<li title="القسم الثاني">
<span lang="ar-sa"><a href="رابط القسم الثاني">القسم الثاني</a></span></li>

<li title="القسم الثالث">
<span lang="ar-sa"><a href="رابط القسم الثالث">القسم الثالث</a></span></li>

<li title="القسم الرابع">
<span lang="ar-sa">
<a href="رابط القسم الرابع">القسم الرابع</a></span></li>

<li title="القسم الخامس">
<span lang="ar-sa">
<a href="رابط القسم الخامس">القسم الخامس</a></span></li>

</ul></td>
<td style="width: 15%"><ul class="faras_navigations">

<li title="القسم الاول">
<span lang="ar-sa"><a href="رابط القسم الاول">القسم الاول</a></span></li>

<li title="القسم الثاني">
<span lang="ar-sa"><a href="رابط القسم الثاني">القسم الثاني</a></span></li>

<li title="القسم الثالث">
<span lang="ar-sa"><a href="رابط القسم الثالث">القسم الثالث</a></span></li>

<li title="القسم الرابع">
<span lang="ar-sa">
<a href="رابط القسم الرابع">القسم الرابع</a></span></li>

<li title="القسم الخامس">
<span lang="ar-sa">
<a href="رابط القسم الخامس">القسم الخامس</a></span></li>

</ul></td>
<td style="width: 15%"><ul class="faras_navigations">

<li title="القسم الاول">
<span lang="ar-sa"><a href="رابط القسم الاول">القسم الاول</a></span></li>

<li title="القسم الثاني">
<span lang="ar-sa"><a href="رابط القسم الثاني">القسم الثاني</a></span></li>

<li title="القسم الثالث">
<span lang="ar-sa"><a href="رابط القسم الثالث">القسم الثالث</a></span></li>

<li title="القسم الرابع">
<span lang="ar-sa">
<a href="رابط القسم الرابع">القسم الرابع</a></span></li>

<li title="القسم الخامس">
<span lang="ar-sa">
<a href="رابط القسم الخامس">القسم الخامس</a></span></li>

</ul></td>

<td style="width: 15%"><ul class="faras_navigations">

<li title="القسم الاول">
<span lang="ar-sa"><a href="رابط القسم الاول">القسم الاول</a></span></li>

<li title="القسم الثاني">
<span lang="ar-sa"><a href="رابط القسم الثاني">القسم الثاني</a></span></li>

<li title="القسم الثالث">
<span lang="ar-sa"><a href="رابط القسم الثالث">القسم الثالث</a></span></li>

<li title="القسم الرابع">
<span lang="ar-sa">
<a href="رابط القسم الرابع">القسم الرابع</a></span></li>

<li title="القسم الخامس">
<span lang="ar-sa">
<a href="رابط القسم الخامس">القسم الخامس</a></span></li>

</ul></td></tr></table>


الكود يمكن استخدامة في اشياء عديدة
غير اقسام المنتدى