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

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

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

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

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

صورة للكود

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

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 > ضع الكود > قدم

منقول للفائدة

دمتم بخير