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

اذهب الى الأسفل

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

مُساهمة من طرف زائر في الخميس 2 يناير 2014 - 23:20



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

اليوم اقدم لكم كود 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 > ضع الكود > قدم
منقول للفائدة
دمتم بخير  tongue 
avatar
زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


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