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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

avatar
الزعيم
المدير العام
المدير العام
المساهمات : 235
تاريخ التسجيل : 27/08/2016
الموقع : http://taqniyat.123.st/
معاينة صفحة البيانات الشخصي للعضو http://taqniyat.123.st

مُساهمةالزعيم في الخميس سبتمبر 01, 2016 9:24 pm

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

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

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

واليوم اقدم لكم الكود يتكون من جزئين كود 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>

صورة الكود هع


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

_________________

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

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

التسجيل

انضم الينا لن يستغرق منك الا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

ليس لديك عضويه ؟ بضع ثوانى فقط لتسجيل حساب


تسجيل الدخول

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى