منتدى أسامة المبدع

عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي سنتشرف بتسجيلك شكرا

ادارة المنتدي أسامة المبدع

منتدى أسامة المبدع

أكبر منتدى عربى شامل ومتنوع متخصص فى تطوير المنتديات والمواقع بتوفير خدماتنا فى مجال التصميم وأكواد وإستايلات وتقنيات وأرشفة وأشهار ودعم فنى من أجل الخدمة أعلى وأرقى
 
الرئيسيةبحـثالتسجيلدخول

شاطر | 
 

 كود الإنسيابية CSS شريط اخبار متحرك بروابط نصية تبادليه

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
صاحب♥♫ الموقع
صاحب♥♫ الموقع
avatar

جنسيتك جنسيتك : ذكر
عدد المواضيع عدد المواضيع : 27
متى سجلت متى سجلت : 24/03/2015
الأوسمة

مُساهمةموضوع: كود الإنسيابية CSS شريط اخبار متحرك بروابط نصية تبادليه   الجمعة يوليو 22, 2016 2:02 am

السلام عليكم ورحمة الله وبركاته
أعزائي وأحبائي أعضاء أسامة المبدع

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

الكود عبارة عن اعلان اخبار اداري متحرك باطار جميل وجذاب وباطار السفلي روابط نصية تبادليه 

صورة للكود :


الكو :

الكود:
<div align="center">
     
  <div style="margin: 30px 43px 8px 45px; padding: 0px; border-radius: 20px; border: 2px solid rgb(146, 145, 144); border-image: none; width: 615px; overflow: hidden;" class="ramaaad">
               
      <div style="background: rgb(40, 150, 170); margin: 0px; padding: 0px;" class="ramaaad1">
                 
        <p style="font: bold 13px/normal Tahoma; padding: 5px; color: rgb(255, 255, 255); font-size-adjust: none; font-stretch: normal; text-shadow: 1px 1px #3b606f;" align="center">
                عروضنا الحالية   
        </p>
                 
      </div>
               
      <div style="margin: 0px; padding: 0px;" class="ramaaad1">
                 
        <p style="font: bold 13px/normal Tahoma; padding: 0px; color: rgb(95, 95, 95); font-size-adjust: none; font-stretch: normal; text-shadow: 1px 1px #e2e2e2;" align="center">
                   
            <marquee scrollamount="3" direction="right" scrolldelay="85" onmouseout="this.start()" onmouseover="this.stop()" style="background: rgb(192, 192, 192); padding: 5px; border-top-color: rgb(255, 255, 255); border-bottom-color: white; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;">
                    <strong> <a href="رابط الموضوع"><span style="color: rgb(0, 0, 0);">اكتب العروض هنا</span></a>  <strong></strong></strong>   
            </marquee>
                   
        </p>
                 
      </div>
               
      <div style="background: rgb(40, 150, 170); margin: 0px; padding: 0px;" class="ramaaad1">
                 
        <p style="font: bold 13px/normal Tahoma; padding: 5px; font-size-adjust: none; font-stretch: normal;" align="center">
                <a href="رابط الموضوع" style="color: rgb(255, 255, 255); text-decoration: none; text-shadow: 1px 1px #3b606f;">اعلان نصي</a> <span style="color: rgb(238, 238, 238);">-</span> <a href="رابط الموضوع" style="color: rgb(255, 255, 255); text-decoration: none; text-shadow: 1px 1px #3b606f;">اعلان نصي</a> <span style="color: rgb(238, 238, 238);">-</span> <a href="رابط الموضوع" style="color: rgb(255, 255, 255); text-decoration: none; text-shadow: 1px 1px #3b606f;">اعلان نصي</a>   
        </p>
                 
      </div>
               
  </div>
</div>

لتعديل وللتحكم باتجاه الكود تعدل على القيم التالية :

margin-top:30px; << للازاحة من الاعلى 
margin-right:43px; << للازاحة من اليمين 
margin-bottom:8px << للازاحة من الاسفل 
margin-left:45px; << للازاحة من اليسار 

لتغيير لون حدود الكود ابحث عن :

border: 2px solid #929190; << اللي باللون الاحمر كود اللون

المستطيل الاعلى والاسفل اللي لونهم ازرق بامكانك تغير لونهم ابحث عن :


div class="ramaaad1" style="background:#2896AA; << اللي باللون الاحمر كود اللون غيرة لما تشاء

ولتغيير لون النص وضل النص حق المستطيلين الازرق اللي بالاعلى والاسفل ابحث عن 

style="color:#fff; text-shadow: 1px 1px #3B606F; << اللي باللون الاحمر لون النص واللي باللون الاخضر لون ضل النص 

ولتغيير لون المستطيل الرمادي اللي بالنص ابحث عن 

background:#C0C0C0; اللي باللون الاحمر لون خلفية المستطيل 

ولتغيير لون النص وضل النص حق المستطيل اللي بالنص ابحث عن 

style=" color:#5F5F5F; text-shadow: 1px 1px #E2E2E2; << اللي باللون الاحمر لون النص واللي باللون الاخضر لون ضل النص 

القادم أجمل
بأذن الله تعالى
دمت بخير
Sad

_________________

ليه حظى معاكى يا دنيا كده فى الاحزان تفتكرينى وفى عز ما انا فرحانه تنسينى وارسملك ضحكه تبكينى ليه يا دنيا فى الاخر تحزنينى
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://osama-mobd3.roo7.biz
 
كود الإنسيابية CSS شريط اخبار متحرك بروابط نصية تبادليه
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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