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

صفحة 1 من اصل 2 1, 2  الصفحة التالية

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

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

مُساهمة من طرف زائر في الثلاثاء سبتمبر 08, 2015 2:52 am


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

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

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

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

صورة للكود

الصورة غير واضحة كفاية نعتذر



http://i62.tinypic.com/9778kj.gif

الكود

الرمز:
<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; << اللي باللون الاحمر لون النص واللي باللون الاخضر لون ضل النص





ذكر المصدر عند النقل رجاءا هع


ولطلب أي تعديل على الكود نرجوا مراسلتي للامر هع


زائر
زائر


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

رد: كود css شريط اخبار متحرك بروابط نصية تبادليه

مُساهمة من طرف walid dz في الخميس سبتمبر 17, 2015 9:12 pm



شكرآ جزيلا على الموضوع الرائع و المميز

واصل تالقك معنا فى المنتدى


walid dz
عضو نشيط
عضو نشيط

الجنس : ذكر

عدد المساهمات : 104

نقاط النشاط : 260

السٌّمعَة : 10

بلد العضو :


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

رد: كود css شريط اخبار متحرك بروابط نصية تبادليه

مُساهمة من طرف صرخة ألم في الخميس سبتمبر 17, 2015 10:59 pm


تسلمى أيدك ي جرح
أبداع وتألق 
الله يعطيك العافية ع كل مجهودك معنا
جزاك الله الف خير على كل ما تقدمه لهذا المنتدى 
ننتظر ابداعاتك الجميلة بفارغ الصبر وردة حمراء




التوقيع



صرخة ألم
عضو نشيط
عضو نشيط

الجنس : ذكر

السرطان

عدد المساهمات : 281

نقاط النشاط : 461

السٌّمعَة : 12

العمر : 25


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

رد: كود css شريط اخبار متحرك بروابط نصية تبادليه

مُساهمة من طرف زائر في الخميس سبتمبر 17, 2015 11:45 pm


الله يسلمك اخي منور الموضوع


زائر
زائر


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

رد: كود css شريط اخبار متحرك بروابط نصية تبادليه

مُساهمة من طرف Knight في الجمعة سبتمبر 18, 2015 4:38 am


Knight
نائب الإدارة

نائب الإدارة

الجنس : ذكر

القوس

عدد المساهمات : 20445

نقاط النشاط : 21688

السٌّمعَة : 53

بلد العضو :

العمر : 30







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

رد: كود css شريط اخبار متحرك بروابط نصية تبادليه

مُساهمة من طرف زائر في السبت سبتمبر 19, 2015 3:57 am


منور الموضوع


زائر
زائر


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

رد: كود css شريط اخبار متحرك بروابط نصية تبادليه

مُساهمة من طرف almaldin في السبت فبراير 06, 2016 12:36 pm


بارك الله فيك  وجعله الله لك في ميزان
حسناتك دمت في  حمي الرحمن





almaldin
الادارة العليا
الادارة العليا

الجنس : ذكر

الاسد

عدد المساهمات : 17775

نقاط النشاط : 19994

السٌّمعَة : 55

بلد العضو :

العمر : 36





http://www.ibda3araby.com/

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

رد: كود css شريط اخبار متحرك بروابط نصية تبادليه

مُساهمة من طرف ѕαα∂ ∂єѕιgη في الأحد فبراير 07, 2016 5:52 pm


ѕαα∂ ∂єѕιgη
بصمة خالدة
بصمة خالدة

الجنس : ذكر

الدلو

عدد المساهمات : 37067

نقاط النشاط : 41613

السٌّمعَة : 280

بلد العضو :

العمر : 17


http://WwW.t-AlTwEr.CoM

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

رد: كود css شريط اخبار متحرك بروابط نصية تبادليه

مُساهمة من طرف Mr.LoLo في الأحد فبراير 07, 2016 6:11 pm


كوددد جميل
شكككرآ   ~




التوقيع


سبحان الله وبحمده ..
          سبحان الله العظيم ...

اللهم صلِّ وسلم على محمد.. وعلى آله وصحبه أجمعين




Mr.LoLo
عضو دهبي
عضو دهبي

الجنس : ذكر

نقاط التفاعل : 3 نقاط

الجدي

عدد المساهمات : 5435

نقاط النشاط : 6163

السٌّمعَة : 54

بلد العضو :

العمر : 99


http://bank.ahlamontada.com/

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

رد: كود css شريط اخبار متحرك بروابط نصية تبادليه

مُساهمة من طرف THE ROCK في الأحد فبراير 07, 2016 6:52 pm


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




التوقيع




THE ROCK
عضو فعال
عضو فعال

الجنس : ذكر

عدد المساهمات : 668

نقاط النشاط : 988

السٌّمعَة : 24

بلد العضو :


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

صفحة 1 من اصل 2 1, 2  الصفحة التالية

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

سجل دخولك لتستطيع الرد بالموضوع

لابد تكون لديك عضوية لتستطيع الرد سجل الان

سجل معنا الان

انضم الينا بمنتدي الابداع العربي فعملية التسجيل سهله جدا ؟


تسجيل عضوية جديدة

سجل دخولك

لديك عضوية هنا ؟ سجل دخولك من هنا .


سجل دخولك

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