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