The Best
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

The Bestدخول
●● إعلانـات ●●
اعلانك هنا كبير إعلانك هنا ديوان الإلكتروني
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
264 المساهمات
239 المساهمات
108 المساهمات
93 المساهمات
50 المساهمات
45 المساهمات
32 المساهمات
25 المساهمات
23 المساهمات
21 المساهمات
آخر المشاركات





descriptiondefault[ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى

more_horiz
اولا اكواد توضع في

لوحة ادارة >> مظهر المنتدى >> ألوان >> ورقة تصميم css

تم تقوم بوضع الكود الدي ساضعه في الاسفل

بسم الله نبدأ على بركة الله

لنسخة phpBB3
صورة بعد وضع الكود

[ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى 4KjeI

الكود:

        /* Quote on BB3 */
        blockquote blockquote,blockquote blockquote
        blockquote {
        background:none;
        border:0!important;
        }
        blockquote{
        background:none;
        border:0!important;
        position:relative;
        overflow:hidden;
        min-height:35px!important;
        margin:10px 0;
        padding:14px 0 10px 8px;
        font-size:14px; /*  */
        line-height:18px;
        color:#504536; /*  */
        font-family:Georgia; /*  */
        font-style:italic; /*  */
        }
        blockquote div {
        margin-top:7px;
        margin-left:6px;
        -moz-border-radius:8px;
        -khtml-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
        border:solid 1px #B38000; /*  */
        background:url(http://i58.servimg.com/u/f58/14/80/95/87/7699510.jpg) bottom left repeat-x #FFFEF9; /*  */
        max-width:92%; /*  */
        padding:10px 20px 10px 20px;
        position:relative;
        }
        blockquote div:before {
        content:'';
        background:url(http://i58.servimg.com/u/f58/14/80/95/87/openq12.png) top left no-repeat transparent; /*  */
        position:absolute;
        width:11px;
        height:11px;
        top:15px;
        left:3px;
        }
        blockquote div:after {
        content:'';
        position:absolute;
        z-index:100;
        background:url(http://i58.servimg.com/u/f58/14/80/95/87/closeq12.png) top left no-repeat transparent; /*  */
        width:11px;
        height:11px;
        right:4px;
        bottom:2px;
        }
        blockquote div cite {
        font-style:normal;
        font-weight:700;
        display:block;
        font-size:13px; /*  */
        color:#000; /*  */
        background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhm11.png) top left repeat-x transparent; /* */
        height:32px;
        line-height:24px;
        position:absolute;
        z-index:100;
        top: -18px;
        text-shadow:#fff 1px 1px; /*  */
        left:0px;
        }
        blockquote div cite:before {
        content:'';
        position:absolute;
        z-index:-1;
        background:url(http://i58.servimg.com/u/f58/14/80/95/87/qho11.png) no-repeat 0 0 transparent; /* */
        width:31px;
        height:38px!important;
        left:-13px;
        top:0;
        }
        blockquote div cite:after {
        content:'';
        background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhc11.png) no-repeat 0 0 transparent; /* ) */
        position:absolute;
        right:-10px;
        width:10px;
        height:32px;
        }



لنسخة punBB
صورة بعد وضع الكود

[ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى G57ti

الكود:

        /* Quote on punBB*/
        .postmain blockquote{
        background:none;
        border:0!important;
        position:relative;
        overflow:hidden;
        min-height:35px!important;
        margin:10px 0;
        padding:11px 0 6px 10px;
        font-size:14px; /**/
        line-height:18px;
        color:#504536; /**/
        font-family:Georgia; /**/
        font-style:italic; /**/
        }
        .postmain blockquote div {
        margin-top:7px;
        margin-left:6px;
        -moz-border-radius:8px;
        -khtml-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
        border:solid 1px #D5DEE5; /**/
        background:url(http://i58.servimg.com/u/f58/14/80/95/87/spback10.png) bottom left repeat-x #FFF; /**/
        max-width:91%; /**/
        padding:15px 20px 10px 23px;
        position:relative;
        }
        .postmain blockquote div:before {
        content:'';
        background:url(http://i58.servimg.com/u/f58/14/80/95/87/openq10.png) top left no-repeat transparent; /**/
        position:absolute;
        width:16px;
        height:16px;
        top:15px;
        left:3px;
        }
        .postmain blockquote div:after {
        content:'';
        position:absolute;
        z-index:100;
        background:url(http://i58.servimg.com/u/f58/14/80/95/87/closeq10.png) top left no-repeat transparent; /**/
        width:16px;
        height:16px;
        right:4px;
        bottom:4px;
        }
        /*шапка заголовка цитаты*/
        .postmain blockquote div cite {
        font-style:normal;
        font-weight:700; /**/
        display:block;
        font-size:13px;  /**/
        color:#fff;
        background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhm10.png) top left repeat-x transparent; /**/
        height:32px;
        position:absolute;
        z-index:100;
        top:-15px;
        text-shadow:#000 1px 1px; /**/
        left:0px;
        }
        .postmain blockquote div cite:before {
        content:'';
        position:absolute;
        z-index:-1;
        background:url(http://i58.servimg.com/u/f58/14/80/95/87/qho10.png) no-repeat 0 0 transparent; /**/
        width:31px;
        height:38px!important;
        left:-13px;
        top:0;
        }
        .postmain blockquote div cite:after {
        content:'';
        background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhc10.png) no-repeat 0 0 transparent; /**/
        position:absolute;
        right:-10px;
        width:10px;
        height:32px;
        top:0;
        }



[ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى H9R9IUO
[ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى RT69Sre
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ أكآتسوكيـآت ] : مدونتي [ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | معرضي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | متجـري [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ]  [ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى 866468155

descriptiondefaultرد: [ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى

more_horiz
شكرآ لك


[ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى UOwzYx2

descriptiondefaultرد: [ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى

more_horiz
شكرا لك على الموضوع الجميل

بانتظار جديدك

descriptiondefaultرد: [ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى

more_horiz
شكرا على الموضوع الرائع

ننتظر جديدك


[ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى 5hKtNPK


[ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى CfzdiFE


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

descriptiondefaultرد: [ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى

more_horiz
:/ هل انت مبرمجه ؟

descriptiondefaultرد: [ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى

more_horiz
لا لست مبرمجة =)

شكرا لكم على المرور


[ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى H9R9IUO
[ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى RT69Sre
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ أكآتسوكيـآت ] : مدونتي [ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | معرضي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | متجـري [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ]  [ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى 866468155

descriptiondefaultرد: [ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى

more_horiz
[ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى 28129479 
[ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى 28129479 
[ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى 28129479 
صراحه ما فهمت شى  :tb28:

descriptiondefaultرد: [ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى

more_horiz
شكرآ جزيلا لك على الطرح الرائع


في أمان الله


[ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى 866468155
 
 KonuEtiketleri عنوان الموضوع
[ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى
 Konu Linki رابط الموضوع
 Konu BBCode BBCode
 Konu HTML Kodu HTML code
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى