منتدى الهزازي

برامج وتطبيقات واكواد هتمل و css منتديات ومواقع
 
الرئيسيةالرئيسية  بلوجر  المنشوراتالمنشورات  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  

ملاحظه =الرجاء اذا وجدت كود او رابط لايعمل التبليغ من هناء

التبادل الاعلاني
عناصرLanguage

شاهد منزلك من الفضاء الخارجي

مفاتيح دول العالم لللاتصال

مستعرض اكواد هتمل ومحول هتمل الى جافا
فتشوب اون لاين عربي
لعبة الحب مثيرة
راسلنا
المواضيع الأخيرة
» لعمل للفديو الخاص بك تاثير بحركة البحر
السبت 26 مايو - 22:44 من طرف stones

» تاثير امواج البحر
الأربعاء 16 مايو - 19:17 من طرف stones

» شارك الاستطلاعات مع موقع يوجوف YOUGOV
الأربعاء 16 مايو - 19:05 من طرف stones

» كيفية عمل شلال متحرك بالفتشوب على صورة ثابته
الخميس 3 مايو - 18:11 من طرف stones

» طريقة استرجاع اعدادات اليستريتور الافتراضية
الثلاثاء 24 أبريل - 21:22 من طرف stones

» كود مانع حجب الاعلانات ادبلوك
الإثنين 23 أبريل - 18:42 من طرف stones

» انشاء فديو بدون خلفية على افتر افاكت
الأحد 22 أبريل - 20:44 من طرف stones

» استعادة اعدادات الفتشوب الافتراضية
السبت 21 أبريل - 21:46 من طرف stones

» اعادة الاعداد الافتراضية لافتر افاكت بعد التخريب
الجمعة 20 أبريل - 22:13 من طرف stones

» انشاء عداد زمني للفديو افتر افاكت
الإثنين 16 أبريل - 21:23 من طرف stones

سحابة الكلمات الدلالية
التقيم الموضوع

شاطر | 
 

 كود الاقتباس

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
stones
اللقب:
المدير العام
الرتبه:
الصورة الرمزية

avatar

البيانات
رقم العضوية :
1
رابط الصورة الشخصية :
بدون
الساعه :
بدون
الدوله :
السعودية
ذكر
السمك
عدد المساهمات :
2566
السٌّمعَة :
0
تاريخ التسجيل :
30/03/2012
العمر :
19
الموقع
sites-dalil.blogspot.com
العمل/الترفيه العمل/الترفيه :
بدون

التوقيت
الإتصالات
الحالة:
وسائل الإتصال:
مُساهمةموضوع: كود الاقتباس   الأحد 26 أكتوبر - 21:15

مرحبا
اليكم كود الاقتباس بشكل جميل
يوضع الكود في ورقةcss
يشتغل الكود على الفئة الثانية والثالثة
وهذه صورة من الشرح


وهذا الكود

الكود:
       .quote {
            background: url("http://i39.servimg.com/u/f39/18/42/00/55/26-10-11.png") no-repeat scroll left 0px #FFCCFF;
            border: 3px solid #66CCFF;
            border-radius: 15px;
            font-size: 0.95em;
            margin: 1em 25px 1em 1px;
            overflow: hidden;
            padding: 15px;
        }

او الكود هذا يوجد نقاط اسفل

الكود:
       .quote {
            background: url("http://i39.servimg.com/u/f39/18/42/00/55/26-10-11.png") no-repeat scroll left 0px #FFCCFF;
           border-top:medium solid #1B507A;
            border-bottom: 2px dotted ;
            border-radius: 15px;
            font-size: 0.95em;
            margin: 1em 25px 1em 1px;
            overflow: hidden;
            padding: 15px;
        }


وهذا ايضا

الكود:
       .quote {
            background: url("http://i39.servimg.com/u/f39/18/42/00/55/26-10-11.png") no-repeat scroll left 0px #FFCCFF;
           border-top:medium solid #1B507A;
            border-bottom: 2px dotted ;
            border-style:solid;border-width:5px 4px;
            border-radius: 15px;
            font-size: 0.95em;
            margin: 1em 25px 1em 1px;
            overflow: hidden;
            padding: 15px;
        }


وهذا ايضا

الكود:
       .quote {
            background: url("http://i39.servimg.com/u/f39/18/42/00/55/26-10-11.png") no-repeat scroll left 0px #FFCCFF;
           border-top:medium solid #1B507A;
            border-style:solid;border-width:5px 4px;
            border-radius: 15px;
            font-size: 0.95em;
            margin: 1em 25px 1em 1px;
            overflow: hidden;
            padding: 15px;
        }

وهذا الكود مع تحديد حجم كبر الاقتباس

الكود:
       .quote {
            background: url("http://i39.servimg.com/u/f39/18/42/00/55/26-10-11.png") no-repeat scroll left 0px #FFCCFF;
           border-top:medium solid #1B507A;
            border-bottom: 2px dotted ;
            border-style:solid;border-width:5px 4px;
            border-radius: 15px;
            font-size: 0.95em;
            margin: 1em 25px 1em 1px;
            overflow: hidden;
            padding: 15px;
          display:block;width:500px;margin:5px 0;padding:5px 0;
        }

وهذا يفرق بين الحرف او يضع مسافه بينهم
اسفل كود الي هذا هو
letter-spacing: 3;
ضع رقم بدل رقم ثلاثة تحدد
المسافه
وهذا الكود

الكود:
       .quote {
            background: url("http://i39.servimg.com/u/f39/18/42/00/55/26-10-11.png") no-repeat scroll left 0px #FFCCFF;
           border-top:medium solid #1B507A;
            border-bottom: 2px dotted ;
            border-style:solid;border-width:5px 4px;
            border-radius: 15px;
            font-size: 0.95em;
            margin: 1em 25px 1em 1px;
            overflow: hidden;
            padding: 15px;
          max-width:500px;
          max-height:500px;
          letter-spacing: 3;
        }


وهذا بشكل مختلف ايضا

الكود:
      .quote {
            background: url("http://i39.servimg.com/u/f39/18/42/00/55/26-10-11.png") no-repeat scroll left 0px #FFCCFF;
           border-top:medium solid #1B507A;
            border-bottom: 2px dotted ;
            border-style:solid;border-width:5px 5px;
            border-radius: 15px;
            font-size: 0.95em;
            margin: 1em 25px 1em 1px;
            overflow: hidden;
            padding: 15px;
          max-width:500px;
          max-height:500px;
          letter-spacing: 0;
         border-style: dotted solid dotted dotted;
        }

وهذا خلفية فلاشية

الكود:
       .quote {
            background:url("http://i62.servimg.com/u/f62/13/42/24/54/rainbo10.gif");
           border-top:medium solid #1B507A;
            border-bottom: 2px dotted ;
            border-style:solid;border-width:5px 5px;
            border-radius: 15px;
            margin: 1em 25px 1em 1px;
            overflow: hidden;
            padding: 15px;
          max-width:500px;
          max-height:500px;
          letter-spacing: 0;
         border-style: dotted solid dotted dotted;
          margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: auto;
        }


كود ايطار منقط خلفية صورة فلاشية
الكود:
        .quote {
            background:url("http://i62.servimg.com/u/f62/13/42/24/54/rainbo10.gif");
        border: 7px dashed #0DB4FC;

        }




يجب ان تضع كود واحد فقط
كل كود بشكل مختلف



hip


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

كود الاقتباس

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

خدمات الموضوع
 KonuEtiketleri كلمات دليليه
كود الاقتباس , كود الاقتباس , كود الاقتباس ,كود الاقتباس ,كود الاقتباس , كود الاقتباس
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ كود الاقتباس ] مخالف ,, من فضلك راسل الإدارة من هنا
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الهزازي :: منتدى شروحات والبرامج :: اكواد مع الشرح للفئة الثانية css-