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

The Bestدخول
●● إعلانـات ●●
إعلانك هنا إعلانك هنا إعلانك هنا
إعـلانـات المنتـدى

إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
361 المساهمات
268 المساهمات
190 المساهمات
102 المساهمات
86 المساهمات
78 المساهمات
64 المساهمات
51 المساهمات
25 المساهمات
24 المساهمات
آخر المشاركات




×
النص



لون شفاف

الألوان الافتراضية
×
الخلفية



لون شفاف

الألوان الافتراضية
×
النص



لون شفاف

الألوان الافتراضية
×
الخلفية



لون شفاف

الألوان الافتراضية

description[ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى Empty[ 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;
        }

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

more_horiz
شكرآ لك

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

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

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

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

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

ننتظر جديدك

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

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

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

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

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

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

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

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

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


في أمان الله


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