ممكن

3 مشترك

ممكنالأربعاء 3 أغسطس 2011 - 4:45

السلام عليكم

ممكن كود css لتغيير شكل الاقتباس وجعله جداب جدا

للنسخة الثانية

رد: ممكنالأربعاء 3 أغسطس 2011 - 4:56

تفضل أخي

الكود:


    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%;0

أتمنى إن الكود شغآل جربه ورد علي بالتوفيق لك

رد: ممكنالأربعاء 3 أغسطس 2011 - 6:12

جربته والله مو شغال

رد: ممكنالأربعاء 3 أغسطس 2011 - 16:15

وينكم

رد: ممكنالأربعاء 3 أغسطس 2011 - 16:28

طريقة التركيب
لوحة
الإدارة
مظهر المنتدى
الوان
ورقة ال CSS

ثم قم بوضع
هذا الكود

الكود:

quote{
background : #f0f3fc
url(http://i67.servimg.com/u/f67/13/57/76/76/hhhhhh15.png) no-repeat 0
5px;

وللمزيد والمزيد من الجمالية والاضافات للاقتباسات بالمنتدى

ضع الكود التالى بالكامل

الكود:

.quote{
background : #f0f3fc
url(http://i67.servimg.com/u/f67/13/57/76/76/hhhhhh15.png) no-repeat 0
5px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright:
 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright:
 8px;
background-color: #fff ;
border : 2px dotted #DD0000;
color
 : #000000;
display: list-item;
max-height: 700px;
overflow:
auto;
padding-top: 55px;
}