JAR7 كتب:كود فوتر جاهز بروابط نصية احترافي

السلام عليكم ورحمة الله

كثير منا يبحث عن وضع روابط نصية بالفوتر اما لتبادل الاعلاني او لوضع ابرز مواضيع المنتدى

واليوم اقدم لكم الكود يتكون من جزئين كود css وكود يوضع بنهاية الفوتر

كود css

الكود:

.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: 11px;
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: #0099FF;
}
.faras_navigations li a:hover {
font-size: 11px;
color: #808080;
border-bottom: 1px #0099FF dashed;
background-color: #FBFBFD;
}  

.faras_footer {  
    clear: both;  
    height: 60px;  
    background: #DBDBDB;  
    border-top: 2px solid #C2C2C2;  
    bottom: 0;  
}


كود الفوتر يوضع بعد هذا بالضبط

الكود:

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>


الكود:

<table cellpadding="0" class="faras" style="width: 90%">
<tr>
<td style="width: 15%">
<ul class="faras_navigations">
<li title="عنوان لقسم">
<a href="#">عنوان نصي</a></li>
<li title="عنوان لقسم1">
<a href="#">عنوان نصي</a></li>
<li title="عنوان لقسم4">
<a href="#">عنوان نصي</a></li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
</ul>
</td>
<td style="width: 15%">
<ul class="faras_navigations">
<li title="عنوان القسم">
<a href="#">عنوان نصي</a> </li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
</ul>
</td>
<td style="width: 15%">
<ul class="faras_navigations">
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
</ul>
</td>
<td style="width: 15%">
<ul class="faras_navigations">
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a> </li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
</ul>
</td>
<td style="width: 15%">
<ul class="faras_navigations">
<li title="عنوان القسم">
<a href="#">عنوان نصي</a> </li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
</ul>
</td>
<td style="width: 15%">
<ul class="faras_navigations">
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
<li title="عنوان القسم">
<a href="#">عنوان نصي</a></li>
</ul>
</td>
</tr>
</table>  


صورة الكود هع


https://2img.net/h/oi60.tinypic.com/f9pa2w.gif

ضع المصدر عند النقل بوركتم