شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
لن تجدو مثلى
أعضاء نشطاء
أعضاء نشطاء
الجنس : ذكر
عدد المساهمات : 178
العمر : 19

كود css لتغيير شكل الاقتباس وجعله جذاب جدا للنسخة الاخيرة شكل جديد وحصري

في السبت أغسطس 25, 2012 10:00 pm



كود css لتغيير شكل الاقتباس وجعله جذاب جدا للنسخة الاخيرة شكل جديد وحصري 2011

معاينة للكود



التوافق مع النسخة الاخيرة


الكود
الكود:


    blockquote {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 9px;
    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-bottomright: 25px;
    -webkit-border-bottom-rightright-radius: 25px;
    }
    blockquote {
      border-top: 1px solid #ADC8E5;;
      border-right: 2px solid #ADC8E5;
      border-bottom: 3px solid #ADC8E5;
      border-left: 5px solid #ADC8E5;
      background-color: #dfe6ef;
    -webkit-box-shadow: 4px 4px 10px #333;
    -moz-box-shadow: 4px 4px 10px #333;
    box-shadow:  4px 4px 10px #333;
      }
    blockquote cite {
      display: block;
      margin: -8px -8px 8px -8px;
      padding: 3px;
      background-image: url('http://i60.servimg.com/u/f60/13/80/01/02/sfondo22.jpg');
      background-repeat: repeat-x;
      background-position: top right;
      font-style: normal;
      font-size: 13px;
      }
    blockquote {
    background: url(http://i38.servimg.com/u/f38/14/18/94/73/quote15.jpg) no-repeat top right;
    min-height:75px; }
    .spoiler {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 9px;
    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-bottomright: 25px;
    -webkit-border-bottom-rightright-radius: 25px;
    }
    .spoiler {
      border-top: 1px solid #ADC8E5;;
      border-right: 2px solid #ADC8E5;
      border-bottom: 3px solid #ADC8E5;
      border-left: 5px solid #ADC8E5;
      background-color: #dfe6ef;
    -webkit-box-shadow: 4px 4px 10px #333;
    -moz-box-shadow: 4px 4px 10px #333;
    box-shadow:  4px 4px 10px #333;
      }
    .spoiler dt {
      display: block;
      margin: -8px -8px 8px -8px;
      padding: 3px;
      background-image: url('http://i60.servimg.com/u/f60/13/80/01/02/sfondo22.jpg');
      background-repeat: repeat-x;
      background-position: top right;
      font-style: normal;
      font-size: 13px;
      }
    .spoiler {
    background: url(http://i38.servimg.com/u/f38/14/18/94/73/quote16.jpg) no-repeat top right;
    min-height:30px; }



    #navstrip li {
        float: left;
        margin: 0 2px;
        padding-left: 15px;
        background: url('http://i30.servimg.com/u/f30/13/80/01/02/immagi14.gif') no-repeat left 50%;
        }
avatar
ونناسهه
مرشح لفريق الاشراف
مرشح لفريق الاشراف
الجنس : انثى
عدد المساهمات : 1052

رد: كود css لتغيير شكل الاقتباس وجعله جذاب جدا للنسخة الاخيرة شكل جديد وحصري

في الأربعاء أغسطس 29, 2012 12:15 am
بارك الله فيك اخي



>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]<<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]<<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] <<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]<<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] او [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] <
avatar
مودي
مؤسس احلى تطوير
مؤسس احلى تطوير
الجنس : ذكر
عدد المساهمات : 664
العمر : 20

رد: كود css لتغيير شكل الاقتباس وجعله جذاب جدا للنسخة الاخيرة شكل جديد وحصري

في الأربعاء أغسطس 29, 2012 12:19 am
جزاك الله كل خير
ع موضوعك الرائع
تقبل تحياتي



>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]<<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]<<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] <<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]<<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] او [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] <
مصمم مبدع
أعضاء نشطاء
أعضاء نشطاء
الجنس : ذكر
عدد المساهمات : 450
العمر : 23

رد: كود css لتغيير شكل الاقتباس وجعله جذاب جدا للنسخة الاخيرة شكل جديد وحصري

في السبت سبتمبر 01, 2012 10:38 pm
شكرا
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى