الرئيسيةأحدث الصورمركز الرفعالتسجيلدخول

Share
 

  اجعل اقتباس في منتداك بشكل احترافي ومميز

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
Akatsuki
Akatsuki


عـضـو نشيط
عـضـو نشيط


الجنس الجنس : انثى
المستوى الدراسي المستوى الدراسي : طآلبة جامعية
الشعبة/الإختصاص : هندسة معمارية
مسآهمآتے مسآهمآتے : 100
التقييم التقييم : 0

 اجعل اقتباس في منتداك بشكل احترافي ومميز Empty
http://www.theb3st.com
مُساهمةموضوع: اجعل اقتباس في منتداك بشكل احترافي ومميز    اجعل اقتباس في منتداك بشكل احترافي ومميز Emptyالجمعة 10 أكتوبر 2014 - 18:11

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

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

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

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

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

 اجعل اقتباس في منتداك بشكل احترافي ومميز 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
صورة بعد وضع الكود

 اجعل اقتباس في منتداك بشكل احترافي ومميز 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;
        }
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

اجعل اقتباس في منتداك بشكل احترافي ومميز

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

 مواضيع مماثلة

-
» كود Css عمل ظل لجميع الروابط فى منتداك تبعا للون الخط
» دفتر تنقيط احترافي
» كود وضع اسم منتداك في اخر عنوان الموضوع
» شرح رائع ومميز لطرق المتابعة الزمنية لتحول كيميائي قناة الأستاذ لطرش
» طريقة عمل شريط منزلق اسفل منتداك



صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى التعليم الشامل :: تطوير المنتديات ::  عالم الأكواد ::  أكواد Css-