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

كود 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 شريط اخبار متحرك بروابط نصية تبادليه

avatar
عضو نشيط
الجنس : ذكر

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

نقاط النشاط : 267

السٌّمعَة : 10

بلد العضو :

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الخميس سبتمبر 17, 2015 9:12 pm

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

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

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

avatar
عضو نشيط
الجنس : ذكر

السرطان

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

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

السٌّمعَة : 12

العمر : 26

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الخميس سبتمبر 17, 2015 10:59 pm
تسلمى أيدك ي جرح
أبداع وتألق 
الله يعطيك العافية ع كل مجهودك معنا
جزاك الله الف خير على كل ما تقدمه لهذا المنتدى 
ننتظر ابداعاتك الجميلة بفارغ الصبر وردة حمراء
التوقــيـــــــــــــــــــــع


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

زائر
زائر
تمت المشاركة في الخميس سبتمبر 17, 2015 11:45 pm
الله يسلمك اخي منور الموضوع

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

avatar
بصمة خالدة
الجنس : ذكر

القوس

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

نقاط النشاط : 35985

السٌّمعَة : 84

بلد العضو :

العمر : 31

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الجمعة سبتمبر 18, 2015 4:38 am
بالتوفيق
رائع
التوقــيـــــــــــــــــــــع

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

زائر
زائر
تمت المشاركة في السبت سبتمبر 19, 2015 3:57 am
منور الموضوع

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

avatar
بصمة خالدة
الجنس : ذكر

الاسد

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

نقاط النشاط : 26540

السٌّمعَة : 90

بلد العضو :

العمر : 37

معاينة صفحة البيانات الشخصي للعضوhttps://www.ibda3araby.com/
تمت المشاركة في السبت فبراير 06, 2016 12:36 pm
بارك الله فيك  وجعله الله لك في ميزان
حسناتك دمت في  حمي الرحمن
التوقــيـــــــــــــــــــــع

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

avatar
بصمة خالدة
الجنس : ذكر

الدلو

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

نقاط النشاط : 41656

السٌّمعَة : 282

بلد العضو :

العمر : 18

معاينة صفحة البيانات الشخصي للعضوhttp://WwW.t-AlTwEr.CoM
تمت المشاركة في الأحد فبراير 07, 2016 5:52 pm
كوددد جميل
شكككرآ ~
التوقــيـــــــــــــــــــــع

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

avatar
رئاسة فريق الدردشة

الجنس : ذكر

الجدي

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

نقاط النشاط : 7085

السٌّمعَة : 65

بلد العضو :

العمر : 100



معاينة صفحة البيانات الشخصي للعضوhttp://bank.ahlamontada.com/
تمت المشاركة في الأحد فبراير 07, 2016 6:11 pm
كوددد جميل
شكككرآ   ~
التوقــيـــــــــــــــــــــع


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

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



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

avatar
عضو فعال
الجنس : ذكر

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

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

السٌّمعَة : 24

بلد العضو :

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الأحد فبراير 07, 2016 6:52 pm
كود وتطوير رائعه
يعطيك العافيه وتسلم الأيادي المتألقه
على روعة ماخطت لنا من ابجديات واكواد ماسيه
بإنتظار روائعك القادمه بشوووق
التوقــيـــــــــــــــــــــع



استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Propellerads                                                                           Propellerads