الأحد يوليو 13, 2014 9:33 pm | المشاركة رقم: |
المعلومات | | مدير | | الصورة الرمزية | | البيانات | الجنس : | الابراج : | الأبراج الصينية : | عدد المساهمات : 1296 | نقاط : 135702 | الخبره : 5 | تاريخ الميلاد : 26/02/1990 | تاريخ التسجيل : 19/04/2012 | العمر : 34 | الموقع : IRAQ | العمل/الترفيه : غاوي نت | هوايتي : السباحة | المزاج : بنفسجي | تعاليق : اللهم اصلح لي حالي |
الإتصالات | الحالة: | | وسائل الإتصال: | |
| موضوع: كود CSS إعلانات نصية رائعة الأحد يوليو 13, 2014 9:33 pm
كود 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><!-- / إعلانات نصية --> [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] منقول للفائدة دمتم بخير
|
| |