منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
أفضل 10 أعضاء في هذا الأسبوع
ahd allah
 
Mohamed Nsr
 
MĨĎŐ
 
muslmasan
 
a.sat65
 
DeLeTe
 
MiSho
 
{عذآب}
 
JAR7
 
mustafa ali
 

أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

كود 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 

صياد اليمام
 
 

ذكر
عدد المساهمات : 177
معدل النشاط : 1197

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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