استفسار عن أكواد

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

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

JAR7 كتب:تفضل الفوتر
+++
ضع طلبك الاخر بموضوع مستقل

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

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

زيزو اليكس كتب:مرحبا اخى

بالنسبه الشريط الادارى
تفضل

[كود] الشريط الاداري رائع وخفيف new.moon
 

الكود:

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


لؤي03 كتب:

زيزو اليكس كتب:مرحبا اخى

بالنسبه الشريط الادارى
تفضل

[كود] الشريط الاداري رائع وخفيف new.moon
 

ممكن تشرحلي فين احط الكود

الكود:

            <div style="clear: both;"></div>

لؤي03 كتب:

زيزو اليكس كتب:مرحبا اخى

بالنسبه الشريط الادارى
تفضل

[كود] الشريط الاداري رائع وخفيف new.moon
 

ممكن تشرحلي فين احط الكود