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

4 مشترك

اذهب الى الأسفل

ãÚáæãÉ كود حصر محتوى الرمز فى اطار معين phpbb2

مُساهمة من طرف Michael_vx الخميس 27 فبراير 2014 - 1:45

عندما تعاملت مع النسخة
bb3
وجدت انه بيتم حصر محتوى

الكود:
code


فى اطار معين ولا ياخذ حيز كبير من الصفحة
اريد شىء يحصر الكود ولكن فى النسخة الثانية
bb2
بدون تومبلات
فقط المطلوب جعل المحتوى رمز فى اطار محدد وليس مفتوح ويجعل شكل الموضوع بدون تنسيق



عدل سابقا من قبل Michael_vx في الخميس 27 فبراير 2014 - 13:06 عدل 1 مرات (السبب : تم الحل)
avatar
Michael_vx
 
 

ذكر
عدد المساهمات : 1066
معدل النشاط : 7990
السُمعة : 69

https://www.vxblog.eu

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: كود حصر محتوى الرمز فى اطار معين phpbb2

مُساهمة من طرف Yassine Bablil الخميس 27 فبراير 2014 - 2:04

ممكن توضح طلبك اخي الحبيب
وتحديد بضبط الكود الدي تريد
Yassine Bablil
Yassine Bablil
 
 

ذكر
عدد المساهمات : 7315
معدل النشاط : 12304
السُمعة : 167

https://absba.cc

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: كود حصر محتوى الرمز فى اطار معين phpbb2

مُساهمة من طرف Michael_vx الخميس 27 فبراير 2014 - 2:21

لم اعتقد انى طلبى قد يكون مبهم
اريد كود CSS ان امكن تحديد مستوى
الرمز المرسل بالمواضيع يكون فى اطار محدد
يعنى لما اضع شىء اسمه كود برمجى يظهر فى اطار محدد ولا ياخذ حوالى صفحة كاملة خصوصا اذا كان الكود كبير طبعا
اريد ان يظهر على النسخة
PHPBB2
بطريقة تشبه
PHPBB3

الكود:
ان يتم حصر المحتوى الذى يكون بهذه
الخانة مع خاصية الاسكرول
لكى لا تاخذ حيز كبير من الصفحة
خصوصا وان كان الكود كبير جدا
هذا هو الطلب


avatar
Michael_vx
 
 

ذكر
عدد المساهمات : 1066
معدل النشاط : 7990
السُمعة : 69

https://www.vxblog.eu

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: كود حصر محتوى الرمز فى اطار معين phpbb2

مُساهمة من طرف ahmedemad202 الخميس 27 فبراير 2014 - 3:50

تفضل اخي هذا الكود خاص من برمجتي

الكود:
/* 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%}

وهو النسخه الاولى من الكود يوجد منه النسخه المطوره
ahmedemad202
ahmedemad202
 
 

ذكر
عدد المساهمات : 76
معدل النشاط : 4945
السُمعة : 1

http://www.1weeb.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: كود حصر محتوى الرمز فى اطار معين phpbb2

مُساهمة من طرف Michael_vx الخميس 27 فبراير 2014 - 4:07

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

وليس مثل ذلك افضل انزل انزل انزل فى الصفحة كلها
كود حصر محتوى الرمز فى اطار معين phpbb2 Image
avatar
Michael_vx
 
 

ذكر
عدد المساهمات : 1066
معدل النشاط : 7990
السُمعة : 69

https://www.vxblog.eu

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: كود حصر محتوى الرمز فى اطار معين phpbb2

مُساهمة من طرف ahmedemad202 الخميس 27 فبراير 2014 - 4:38

اوكي اخي من عيوني انتظر لاحضره لك
ahmedemad202
ahmedemad202
 
 

ذكر
عدد المساهمات : 76
معدل النشاط : 4945
السُمعة : 1

http://www.1weeb.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: كود حصر محتوى الرمز فى اطار معين phpbb2

مُساهمة من طرف ahmedemad202 الخميس 27 فبراير 2014 - 4:44

هذا كود جاففا تضع في صفحه جافا


الكود:
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
ahmedemad202
 
 

ذكر
عدد المساهمات : 76
معدل النشاط : 4945
السُمعة : 1

http://www.1weeb.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: كود حصر محتوى الرمز فى اطار معين phpbb2

مُساهمة من طرف ahmedemad202 الخميس 27 فبراير 2014 - 4:47

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

ذكر
عدد المساهمات : 76
معدل النشاط : 4945
السُمعة : 1

http://www.1weeb.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: كود حصر محتوى الرمز فى اطار معين phpbb2

مُساهمة من طرف أمير المساعدة الخميس 27 فبراير 2014 - 5:28

ahmedemad202 كتب:لقد ارسلت لك كود خاص بي من تطويري
لا داعي للردود التي بدون فائدة Arrow
أمير المساعدة
أمير المساعدة
 
 

ذكر
عدد المساهمات : 2750
معدل النشاط : 8379
السُمعة : 127

https://amir2014.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: كود حصر محتوى الرمز فى اطار معين phpbb2

مُساهمة من طرف Michael_vx الخميس 27 فبراير 2014 - 8:53

مازال الحال كما هو
انتظر حل اخر
avatar
Michael_vx
 
 

ذكر
عدد المساهمات : 1066
معدل النشاط : 7990
السُمعة : 69

https://www.vxblog.eu

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: كود حصر محتوى الرمز فى اطار معين phpbb2

مُساهمة من طرف Michael_vx الخميس 27 فبراير 2014 - 12:04

Michael_vx كتب:
هذه اقصى قدرتى لتوضيح الطلب
اريد محتوى الكود ان يظهر مثل تلك
كود حصر محتوى الرمز فى اطار معين phpbb2 Image

وليس مثل ذلك افضل انزل انزل انزل فى الصفحة كلها
كود حصر محتوى الرمز فى اطار معين phpbb2 Image
انتظر الحل
avatar
Michael_vx
 
 

ذكر
عدد المساهمات : 1066
معدل النشاط : 7990
السُمعة : 69

https://www.vxblog.eu

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: كود حصر محتوى الرمز فى اطار معين phpbb2

مُساهمة من طرف زائر الخميس 27 فبراير 2014 - 12:40

الكود:

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


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


الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: كود حصر محتوى الرمز فى اطار معين phpbb2

مُساهمة من طرف Michael_vx الخميس 27 فبراير 2014 - 13:06

digimon t كتب:
الكود:

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


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

ذكر
عدد المساهمات : 1066
معدل النشاط : 7990
السُمعة : 69

https://www.vxblog.eu

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

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

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