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

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

انشاء منتدى مجاني شبيه بهذا المنتدى

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

زائر
زائر


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

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


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