كود فوتر جاهز بروابط نصية احترافي
السلام عليكم ورحمة الله
كثير منا يبحث عن وضع روابط نصية بالفوتر اما لتبادل الاعلاني او لوضع ابرز مواضيع المنتدى
واليوم اقدم لكم الكود يتكون من جزئين كود 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;
}
كود الفوتر يوضع بعد هذا بالضبط
- الكود:
-
[center]<script type="text/javascript">[/center]
//<![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>
ضع المصدر عند النقل بوركتم
المصدر :- منتدى الابداع العربي