التطور العربي
أهلاً بكً في أكادمية العرب، لقد دخلت المنتدى بصفتك زائر فإذا كنت عضو فأرجو منك تسجيل الدخول وإذا كنت زائراً أتمنى منك التسجيل في المنتدى , وشكراً.



 
الرئيسيةالرئيسية  س .و .جس .و .ج  الأعضاءالأعضاء  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
Mr.JoKeR
المدير العام
المدير العام
avatar

عدد المساهمات : 354
الأوسمة : المدير

مُساهمةموضوع: كود اعلان نصي يتغير لون الخلفية بمرور المؤشر عليه   الخميس سبتمبر 22, 2016 9:43 am

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

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

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

صورة للكود




https://i.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>


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



- لطلب الالتحاق بفريق الأكادمية اضغط هنا.
- ضع شكوى او اقتراح لتطوير اداء الأكادمية.
- لمراسلة الإدارة بامور خاصة اضغط هنا.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
FoFo
الاشراف العام
الاشراف العام
avatar

ذكر
عدد المساهمات : 192
العمر : 20

مُساهمةموضوع: رد: كود اعلان نصي يتغير لون الخلفية بمرور المؤشر عليه   الخميس سبتمبر 22, 2016 11:51 am

موضوع رائع شكرا لك



- راجع قوانين القسم قبل فتح موضوع.
- ضع عنوان مناسب يدل على محتوى الموضوع.
يمنع الاشهار في الاقسام الا في قسم الاشهار.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود اعلان نصي يتغير لون الخلفية بمرور المؤشر عليه
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
التطور العربي :: تقنيات احلى منتدى :: الاكواد الانسيابية CSS-
انتقل الى: