كود لاطار احترافي للمشاركات المقتبسة - النسخة الثانية

الكود:

 .quote {
   -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;
      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;
}

انمار كتب:

آلسلآم عليگم ورحمة آلله وپرگآته



يسر منتديآت آن تضع پين آيديگم گود آلآقتپآس آلملگي



آلگود پتقنية css آلآقتپآس آحترآفي وحصري وچميل چدآآ

صورة آلگود :




 وآلآن نأتي للگود:

الكود:

    /*** آلآقتپآس آلملگي حصريآ لمنتديآت زحمة آحسآس***/
    .quote {
        background: url("http://up.1sw1r.com/upfiles2/1up56147.png") no-repeat scroll left top, url("http://up.1sw1r.com/upfiles2/rxj56018.png") no-repeat scroll right top, url("http://up.1sw1r.com/upfiles2/mbv56327.png") repeat-x scroll center top, url("http://up.1sw1r.com/upfiles2/1j856509.png") no-repeat scroll left bottom, url("http://up.1sw1r.com/upfiles2/hlv56979.png") no-repeat scroll right bottom, url("http://up.1sw1r.com/upfiles2/g7m56835.png") repeat-x scroll center bottom, url("http://up.1sw1r.com/upfiles2/g4y56640.png") repeat-y scroll left center, #000 url("http://up.1sw1r.com/upfiles2/lgv57069.png") repeat-y scroll right center;
    }
       .quote {
          -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;
          border-top: 1px solid #5A0052;
        border-right: 2px solid #5A0052;
          border-bottom: 3px solid #5A0052;
          border-left: 5px solid #5A0052;
          -webkit-box-shadow: 4px 4px 10px #E941E1;
          -moz-box-shadow: 4px 4px 10px #E941E1;
          box-shadow: 4px 4px 10px #E941E1;
       }
    /*** zahma-am.com***/



Ahd allah كتب:

تفضل حبيبي :
كود وضع اطار وصورة كخلفية للاقتباسات بالمنتدي

صورة للكود : -


تكبير الصورة معاينة الأبعاد الأصلية.

الكود للنسخة phpbb2

الرمز:

الكود:

.quote{
border:2px  solid #FF6633;
background-image : url(http://i25.tinypic.com/29vbeap.jpg);
}

كود اخر بشكل روعة
الكود للنسخة phpbb2

الرمز:

الكود:

 .quote {
   -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;
      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;
}

طريقة الوضع : -

الكود يوضع بورقة الــــcss
بالتوفيق .