أهلا بكم اعضاء وزوار منتدي الدعم العربي
اليوم اقدم لكم كود 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>
<!-- / إعلانات نصية -->[size]
قم باستبدال ما يلي :-
إعلان نصي ضع إسم الاعلان
# رابط الإعلان
طريقة التركيب :-
لوحة الإدارة > مظهر المنتدي > الصفحة الرئيسية > تشكيلات عامة > وضع إعلان في الصفحة الرئيسية > ضع الكود > سجل
=================================================================
الجزء الثاني كود CSS
الكود:
[/size]
الكود:
#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;
}[size]
طريقة التركيب :-
لوحة الإدارة > مظهر المنتدي > الصور والألوان > ألوان > ورقة تصميم CSS > ضع الكود > قدم[/size]
منقول للفائدة
دمتم بخير 