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

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

الزعيم
الزعيم
المدير العام
المدير العام
المساهمات : 235
تاريخ التسجيل : 27/08/2016
الموقع : http://taqniyat.123.st/
معاينة صفحة البيانات الشخصي للعضو http://taqniyat.123.st

مُساهمةالزعيم في السبت سبتمبر 03, 2016 3:08 pm

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

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

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

صورة للكود


تكبير الصورة معاينة الأبعاد الأصلية.


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

الكود

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

لون اللون الثابت #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>

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

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

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة

التسجيل

انضم الينا لن يستغرق منك الا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

ليس لديك عضويه ؟ بضع ثوانى فقط لتسجيل حساب


تسجيل الدخول

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