كود CSS إعلانات نصية رائعة

أهلا بكم اعضاء وزوار منتدي الدعم العربي

اليوم اقدم لكم كود CSS إعلانات نصية

الكود مكون من جزئين CSS & HTML

صورة للكود



http://im40.gulfup.com/6qWSl.png

الجزء الأول كود HTML

الكود:


<!--   إعلانات نصية   --><if condition="in_array(THIS_SCRIPT, array(index))"></if>
<ul style="" id="navlist">
 
<table style="width: 100%;" align="center">
 
<tbody>
 
<tr>
 
<td style="width: 25%;" align="center">
 <a target="_blank" href="#">إعلان نصي</a>
</td>
 
<td style="width: 25%;" align="center">
 <a target="_blank" href="#">إعلان نصي</a>
</td>
 
<td style="width: 25%;" align="center">
 <a target="_blank" href="#">إعلان نصي</a>
</td>
 
<td style="width: 25%;" align="center">
 <a target="_blank" href="#">إعلان نصي</a>
</td>
 
</tr>
 
</tbody>
 
</table>
 
<table style="width: 100%;" align="center">
 
<tbody>
 
<tr>
 
<td style="width: 25%;" align="center">
 <a target="_blank" href="#">إعلان نصي</a>
</td>
 
<td style="width: 25%;" align="center">
 <a target="_blank" href="#">إعلان نصي</a>
</td>
 
<td style="width: 25%;" align="center">
 <a target="_blank" href="#">إعلان نصي </a>
</td>
 
<td style="width: 25%;" align="center">
 <a target="_blank" href="#">إعلان نصي</a>
</td>
 
</tr>
 
</tbody>
 
</table>
</ul><if condition="in_array(THIS_SCRIPT, array(index))"></if>
<!--   / إعلانات نصية   -->


قم باستبدال ما يلي :-

إعلان نصي ضع إسم الاعلان

# رابط الإعلان

طريقة التركيب :-

لوحة الإدارة > مظهر المنتدي > الصفحة الرئيسية > تشكيلات عامة > وضع إعلان في الصفحة الرئيسية > ضع الكود > سجل
=================================================================

الجزء الثاني كود CSS

الكود:


#navlist {
    margin: 0px auto 0px auto;
    padding: 0px;
    list-style-type: none;
    float: center;
    display: block;
}
#navlist a {
    background-color:#FCFCFC;
    border: 1px solid #EDEDED;
    font-family: TAhoma;
    font-size: 9pt;
    text-decoration: none;
    color: #CCCCFF;
    display: block;
    text-align: center;
    line-height: 30px;
    padding-right: 0px;
    margin-right: 0px;
}
#navlist a:hover {
    background-color:#F5F5F5;
    border: 1px solid #E0E0E0;
    font-family: TAhoma;
    font-size: 9pt;
    text-decoration: none;
    color: #FF99FF;
    display: block;
    text-align: center;
    line-height: 30px;
    padding-right: 0px;
    margin-right: 0px;
}


طريقة التركيب :-

لوحة الإدارة > مظهر المنتدي > الصور والألوان > ألوان > ورقة تصميم CSS > ضع الكود > قدم

دمتم بخير