كود فوتر جاهز بروابط نصية احترافي
صفحة 1 من اصل 1 • شاطر
كود فوتر جاهز بروابط نصية احترافي
السلام عليكم ورحمة الله
كثير منا يبحث عن وضع روابط نصية بالفوتر اما لتبادل الاعلاني او لوضع ابرز مواضيع المنتدى
واليوم اقدم لكم الكود يتكون من جزئين كود css وكود يوضع بنهاية الفوتر
كود css
كود الفوتر يوضع بعد هذا بالضبط
صورة الكود هع
![كود فوتر جاهز بروابط نصية احترافي F9pa2w](https://2img.net/h/oi60.tinypic.com/f9pa2w.gif)
ضع المصدر عند النقل بوركتم
السلام عليكم ورحمة الله
كثير منا يبحث عن وضع روابط نصية بالفوتر اما لتبادل الاعلاني او لوضع ابرز مواضيع المنتدى
واليوم اقدم لكم الكود يتكون من جزئين كود 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>
صورة الكود هع
![كود فوتر جاهز بروابط نصية احترافي F9pa2w](https://2img.net/h/oi60.tinypic.com/f9pa2w.gif)
ضع المصدر عند النقل بوركتم
مواضيع مماثلة
للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل
يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى