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

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


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

كود اعلان نصي يتغير لون الخلفية بمرور المؤشر عليه

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

كود اعلان نصي يتغير لون الخلفية بمرور المؤشر عليه

مُساهمة من طرف JoryAbdallah في الأربعاء 2 سبتمبر 2015 - 3:13

السلام عليكم ورحمة الله وبركاته

اعلانات نصية يمكن وضعها بالتشكيلات او بالإعلانات الخاصة

لوضع خاصية اعلانات المنتدى بطريقة جذابة ورائعه

صورة للكود


http://i21.servimg.com/u/f21/16/46/77/76/uo_ouo12.jpg


الكود

طبعا الالوان تقدر تغيرة من دة اللون

لون اللون الثابت #241414

كود اللون الظاهر عند المؤشر #ffa800

كود لون الكتابة : F8FAF3

الكود:

<div class="widget-content">
              <style type="text/css">
#navlist {
    margin: 0px auto 0px auto;
    padding: 0px;
    list-style-type: none;
    float: center;
    display: block;
}
#navlist a {
font-family: "DroidKufi-Bold";
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
    background-color:#241414;    border: 1px solid #F8FAF3;
    font-size: 7pt;
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 30px;
    padding-right: 0px;
    margin-right: 0px;
}
#navlist a:hover {
font-family: "DroidKufi-Bold";
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
    background-color:#ffa800;    border:1px solid #ff000;
    font-size: 7pt;
    text-decoration: none;
    color: #000000;    display: block;
    text-align: center;
    line-height: 30px;
    padding-right: 0px;
    margin-right: 0px;
}
</style>     
 <ul id="navlist">
                               
  <table style="width: 100%;" align="center">
             
  <tbody>
             
    <tr>
               
    <td style="width: 50%;" align="center">
          <a rel="nofollow" target="_blank" href="رابط الموقع هنـــا" title="تبادل إعلاني">اســم الموقع</a>     
    </td>
             
    </tr>
    <tr>
     
    <td style="width: 50%;" align="center">
          <a rel="nofollow" target="_blank" href="#" title="تبادل إعلاني">تبادل إعلاني</a>     
    </td>
           
    </tr>
    <tr>
       
    <td style="width: 50%;" align="center">
          <a rel="nofollow" target="_blank" href="#" title="تبادل إعلاني">إعلانك هنا</a>     
    </td>
               
    </tr>
             
  </tbody>
             
  </table>
           
  <table style="width: 100%;" align="center">
             
  </table>
           
 </ul>
             
</div>
avatar
JoryAbdallah
الاشراف العام
الاشراف العام

انثى
عدد المساهمات : 4197
معدل النشاط : 5798
السُمعة : 292

http://taqnyiat.ahlamontada.com/

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

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


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