كود حصر محتوى الرمز فى اطار معين phpbb2

الكود:

/* Spoiler + code + quote by audaimousa */
.codebox{background:transparent;border:0 none;margin:0 0 10px}
.codebox dd{background:transparent;margin:0;padding:0}
.codebox
 >
dt{position:relative;background:url(//i83.servimg.com/u/f83/16/58/89/73/page_w10.png)
 no-repeat scroll 10px center #777;color:#FFF;border:1px solid
#e2e2e2;height:30px;border-bottom-width:0;line-height:26px;padding:2px
10px 0 30px;width:90px}
.codebox dd.cont_code{background:#FFF;max-height:100%;overflow:visible;position:relative;border:1px solid #e2e2e2}
.codebox
 dd.cont_code
input.findLine{width:30px;text-align:center;position:absolute;right:28px;background:url(http://i56.servimg.com/u/f56/18/59/49/93/list210.png)
 no-repeat center
#FFF!important;top:-26px;height:30px!important;padding:0!important;transition:width
 .3s;-webkit-transition:width .3s;-moz-transition:width
.3s;-o-transition:width .3s;-ms-transition:width .3s}
.codebox dd.cont_code input.findLine:focus{color:#333;background:#FFF!important;width:50px}
.cont_code > code{overflow:auto;white-space:pre;display:block;line-height:17px;padding:10px}
.codebox.spoiler{border:1px solid #e2e2e2}
.codebox.spoiler
 >
dt{border:0;background:url(//i83.servimg.com/u/f83/16/58/89/73/icon-a10.gif)
 no-repeat 10px center #777;width:100%}
.codebox > dt:hover, .pun img.textCode:hover{color:#333;background-color:#F2F2F2}
.pun
 
img.textCode{width:30px;height:30px;position:absolute;right:-1px;top:-30px;border:1px
 solid
#e2e2e2;background:url(http://i56.servimg.com/u/f56/18/59/49/93/code10.png)
 no-repeat 6px 6px
transparent;background-clip:content-box;cursor:pointer;padding:5px;transition:background
 .3s;-webkit-transition:background .3s;-moz-transition:background
.3s;-o-transition:background .3s;-ms-transition:background .3s}
.pun img.textCode.pretty{background-position:6px -10px}
.spoiler_content{color:#333;margin:10px 20px}
.postmain blockquote{border-color:#DDD;color:#333;position:relative;margin:0 0 10px 10px;padding:10px 15px!important}
.postmain
 
cite{font-size:13px;text-decoration:underline;background:url(//i83.servimg.com/u/f83/16/58/89/73/commen10.gif)
 no-repeat left 2px transparent;margin:0!important;padding:0 0 3px 20px}
.postmain
 blockquote:before{content:'';display:inline-block;border-top:10px solid
 transparent;border-bottom:10px solid transparent;border-right:10px
solid #CCC;position:absolute;top:10px;left:-10px}
.postmain
blockquote:after{content:'';display:inline-block;border-top:9px solid
transparent;border-bottom:9px solid transparent;border-right:9px solid
#fff;position:absolute;top:11px;left:-9px}
table[width="90%"]{color:#333;width:100%}

الكود:

function selectCode(a)
        {
        // Get ID of code block
        var e = jQuery(a).closest('tr').next().find('.cont_code')[0];

        // Not IE
        if (window.getSelection)
        {
        var s = window.getSelection();
        // Safari
        if (s.setBaseAndExtent)
        {
        s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
        }
        // Firefox and Opera
        else
        {
        // workaround for bug # 42885
        if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>')
        {
        e.innerHTML = e.innerHTML + ' ';
        }
        // All Rights Reserved a7medvirus
        var r = document.createRange();
        r.selectNodeContents(e);
        s.removeAllRanges();
        s.addRange(r);
        }
        }
        // Some older browsers
        else if (document.getSelection)
        {
        var s = document.getSelection();
        var r = document.createRange();
        r.selectNodeContents(e);
        s.removeAllRanges();
        s.addRange(r);
        }
        // IE
        else if (document.selection)
        {
        var r = document.body.createTextRange();
        r.moveToElementText(e);
        r.select();
        }
        }
        jQuery(function(){

        jQuery('div.postbody td.code').parent().prev().find('b').html('الــرمــز :
        <a href="javascript:void()" onClick="selectCode(this)"><font
        face="verdana" color="red"></font> تحديد المحتوي </a>');
        });

ahmedemad202 كتب:لقد ارسلت لك كود خاص بي من تطويري

لا داعي للردود التي بدون فائدة

Michael_vx كتب:

هذه اقصى قدرتى لتوضيح الطلب
اريد محتوى الكود ان يظهر مثل تلك


وليس مثل ذلك افضل انزل انزل انزل فى الصفحة كلها

الكود:


    .code{
    max-height: 200px;
      overflow: auto;
      direction: ltr;
        display: block;
    }   


digimon t كتب:

الكود:


    .code{
    max-height: 200px;
      overflow: auto;
      direction: ltr;
        display: block;
    }   


حط هذا الكود فى ورقه تصميم Css
لجعل الاكواد في منتداك داخل ايطار ..للنسخه الثانيه