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

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

●● إعلانـات ●●
اعلانك هنا كبير إعلانك هنا إعلانك هنا
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
132 المساهمات
94 المساهمات
60 المساهمات
39 المساهمات
14 المساهمات
9 المساهمات
7 المساهمات
4 المساهمات
4 المساهمات
3 المساهمات
آخر المشاركات





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;
        }

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

more_horiz
شكرآ لك

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

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

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

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

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

ننتظر جديدك

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

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

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

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

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

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

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

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

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


في أمان الله


[ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى 866468155
 
 KonuEtiketleri عنوان الموضوع
[ CSS ] تغيير شكل الإقتباس لشكل احترافي و مميز | أحلى منتدى
 Konu BBCode BBCode
privacy_tip صلاحيات هذا المنتدى:
تستطيع الرد على المواضيع في هذا المنتدى
replyإرسال مساهمة في موضوع
remove_circleمواضيع مماثلة
chat_bubble[ JavaScript + CSS ] تغيير علبة الألوان في صندوق الرد لشكل إحترافي و جميل | أحلى منتدى
chat_bubbleطريقة تغيير رابط المنتدى ( أحلى منتدى )
chat_bubble[ شـرح ] اضافة مجموعة جديدة ( أحلى منتدى )
chat_bubble[css] كود لوضع اطار احترافي ,, لجميع تواقيع الاعضاء بحواف احترافية و مع ظلال مميز
chat_bubble[ JavaScript + CSS + HTML ] كود سلايد شو أحلى منتدى