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



 
الرئيسيةالأحداثأحدث الصوردخولالتسجيلكود Javascript  تظليل  محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq) R10,قرانqr f


 

 كود Javascript تظليل محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq)

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
admin
مديرالموقع
مديرالموقع
admin


انثى
عدد المساهمات : 1765
العمر : 90

كود Javascript  تظليل  محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq) Empty
مُساهمةموضوع: كود Javascript تظليل محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq)   كود Javascript  تظليل  محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq) Emptyالسبت أبريل 12 2014, 08:47

اخواتي اخواتي

 اعضاء وزوار مندى الدعم والمساعدة  اهلا ومرحبا بكم

رغبا مني للتقديم كل ما هو جديد وحصري

وبما بان الكثير من الاعضاء طالبني به وحتى لا يتم سرقته مني  ايضا

وبتعاون مع صديق من احد المنتديات البرازيلية
 وحتى لا ننسى تعاونه  تعبه معي في تحضير هذا الكود

 اقدم لكم

  كود تظليل  محتوى  الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq)

من احدى هذه المميزات 
 لو كان الكود كبير جدا  يتم تصغيره في صندوق للكود

 والمميزة الثانية

يعطيك نسخ الكود بضغطة على زر لنسخ

 والنقطة الثالثة
 يفتح لك صفحة الكود في صفحة مستقلة
 والمميزة الرابعة

 عدما  تضع اي رابط للموضوع شرح في موضوعك تخرج لك جملة بدلا منها
اضغط هنا ليتم تحويلك للصفحة  المطلوبة


 صورة عن الكود

كود Javascript  تظليل  محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq) Cod10
https://i.servimg.com/u/f58/15/96/93/59/cod10.png
وهنا ايضا
كود Javascript  تظليل  محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq) Ooo11
https://i.servimg.com/u/f58/15/96/93/59/ooo11.png
والان تفضلو الكود

الكود:

/***
* Syntax Highlighter funtionality for Forumotion!
* (c) hamsahaq
* Version: 1.28082013-jq1.9.1
* Made by JScript - 2013/12/16
*/
jQuery(function () {
    var sCSS = '<style>' +
        '/***' +
        '* Syntax Highlighter funtionality for Forumotion!' +
        '* CSS: .codebox dd.cont_code' +
        '* (c)  hamsahaqo' +
        '* Version: 1.28082013-jq1.9.1' +
        '* Made by JScript - 2013/12/16' +
        '*/' +
        'code.punbb_block, pre.punbb_block {' +
        '   background-color: #FAFAFA !important;' +
        '   border: 1px solid #C9C9C9 !important;' +
        '   color: #000000;' +
        '   font-family: Consolas,"Bitstream Vera Sans Mono","Andale Mono",Monaco,"DejaVu Sans Mono","Lucida Console",monospace !important;' +
        '   font-size: 11px !important;' +
        '   line-height: 110% !important;' +
        '   max-height: 250px !important;' +
        '   overflow: auto !important;' +
        '   padding: 5px !important;' +
        '   white-space: pre-wrap !important;' +
        '   width: auto !important;' +
        '}' +
        '.punbbtop {' +
        '   background-color: #FFDEAD !important;' +
        '   color: #1D3652;' +
        '   font-size: 10px;' +
        '   font-weight: bold;' +
        '   line-height: 100%;' +
        '   margin-top: 5px;' +
        '   padding: 2px 1px 2px 3px;' +
        '}' +
        '.punbbtop button {' +
        '   background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;' +
        '   border: 1px solid #BBBBBB;' +
        '   border-radius: 3px 3px 3px 3px;' +
        '   color: #1D3652;' +
        '   cursor: pointer;' +
        '   display: inline-block;' +
        '   font-size: 10px;' +
        '   padding: 0 6px;' +
        '   text-decoration: none;' +
        '}' +
        '.punbbtop button:hover {' +
        '   background: -moz-linear-gradient(center top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF;' +
        '   border-color: #9A9A9A;' +
        '   color: #3D70A3;' +
        '}' +
        '.punbbtop button:active {' +
        '   position: relative;' +
        '   top: 1px;' +
        '}' +
        'pre.punbb_block.expand, code.punbb_block.expand {' +
        '   max-height: 100% !important;' +
        '}' +
        '.prettyprint ol.linenums {' +
        '   padding-left: 15px !important;' +
        '}' +
        '</style>';
    jQuery(sCSS).insertBefore('#page-body');
 
    if (jQuery('.cont_code').length) {
        var tagCode = jQuery('.cont_code');
    } else {
        if (jQuery('.cont_code').length) {
            var tagCode = jQuery('.code');
        } else {
            var tagCode = jQuery('code');        
        }
    }
    tagCode.each(function () {
        var sContent = jQuery(this).html();
        var codebox = jQuery(this).parent().parent();
        codebox.before('<div class="punbbtop">   تظليل المحتوى     <button onclick="punbbExpand(this); return false;">تكبير</button><button style="display: none" onclick="punbbCollapse(this); return false;">تصغير</button>  <button onclick="punbbSelect(this); return false;">انسخ</button>  <button onclick="punbbPopup(this); return false;">نافذة</button>  <button style="margin-right: 50px; float: right;" onclick="punbbAbout(this); return false;"></button></div><pre class="highlight punbb_block">' + sContent + '</pre>');
        codebox.remove();
    });
    jQuery.getScript('http://balupton.github.io/jquery-syntaxhighlighter/scripts/jquery.syntaxhighlighter.min.js', function () {
        jQuery.SyntaxHighlighter.init({
            'wrapLines': false
        })
    })
});
function punbbExpand(oThis) {
    jQuery(oThis).css('display', 'none');
    jQuery(oThis).next().css('display', '');
    jQuery(oThis).parent().next('pre.punbb_block').addClass('expand');
}
function punbbCollapse(oThis) {
    jQuery(oThis).css('display', 'none');
    jQuery(oThis).prev().css('display', '');
    jQuery(oThis).parent().next('pre.punbb_block').removeClass('expand');
}
function punbbPopup(oThis) {
    var content = jQuery(oThis).parent().next('pre.punbb_block').html();
    var my_window = window.open("","PunBB_Code","scrollbars=1,toolbar=no,menubar=no,personalbar=no,status=0,left=0,location=0,menubar=0,top=0,width=640,height=480");
 
    my_window.document.write('<pre>'+content+'</pre>');
}
function punbbAbout(oThis) {
    alert('Simple code to add Syntax Highlighter fuctionality for Forumotion\n\hamsahaq - 2013/12/16\n');
}
function punbbSelect(oThis) {
    var doc = document;
    var text = jQuery(oThis).parent().next('pre.punbb_block')[0];
    if (doc.body.createTextRange) {
        var range = doc.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (window.getSelection) {
        var selection = window.getSelection();
        var range = doc.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);        
    }
}



والان طريقة وضع الكود في المنتدى

اولا نذهب الى لوحة الادارة
 ونختار  منها
 عناصر اضافية

تكبير الصورة معاينة الأبعاد الأصلية.
كود Javascript  تظليل  محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq) Zu10
https://i.servimg.com/u/f58/15/96/93/59/zu10.png

ومن بعد ننزل الى اسفل الصفحة  الى

  كود Javascript  تظليل  محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq) Html HTML و JAVASCRIPT
ونختار

اكود Javascript

كود Javascript  تظليل  محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq) U11
https://i.servimg.com/u/f58/15/96/93/59/u11.png


ومن بعدها
 نختار  ونضع اسم الكود


 ثانيا اين تريد ان يظهر
 نختار من المواضيع


 ونضع الكود في المربع اسفلها

 ونضغط على قدم

تكبير الصورة معاينة الأبعاد الأصلية.
كود Javascript  تظليل  محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq) 812
https://i.servimg.com/u/f58/15/96/93/59/812.png


ملاحظة :

يجب تفعيل نظام إدارة أكواد Javascript بالصغط على

 نعم - سجل

 يسمح بالنقل مع ذكر صاحبة الكود والمصدر
وعدم حذف حقوقي من على الكود
 ولا اسامح من يحذف حقوقي من الكود
ارجو منكم بالدعاء لي بالشفاء
والله هو وحده الشافي

 والرحمة للوالدي
وفي النهاية تقبلو اجمل تحيات اختكم بالله

hamsa-haq







عدل سابقا من قبل admin في الأربعاء أبريل 22 2015, 10:16 عدل 2 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
A_helal

A_helal


كود Javascript  تظليل  محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq) Fa9r6lrllr57
ذكر
عدد المساهمات : 5
العمر : 30

كود Javascript  تظليل  محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq) Empty
مُساهمةموضوع: رد: كود Javascript تظليل محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq)   كود Javascript  تظليل  محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq) Emptyالثلاثاء أبريل 21 2015, 00:47

لم يعمل معى
الرجوع الى أعلى الصفحة اذهب الى الأسفل
admin
مديرالموقع
مديرالموقع
admin


انثى
عدد المساهمات : 1765
العمر : 90

كود Javascript  تظليل  محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq) Empty
مُساهمةموضوع: رد: كود Javascript تظليل محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq)   كود Javascript  تظليل  محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq) Emptyالأربعاء أبريل 22 2015, 10:02

A_helal كتب:
لم يعمل معى
انا اسفة  لاني كنت وضع  الكود الخاص في منتداي ولم  واوزع الكود على الجميع 

 تفضل هذا الكود

الكود:
/***
* Syntax Highlighter funtionality for Forumotion!
* (c) hamsahaq
* Version: 1.28082013-jq1.9.1
* Made by JScript - 2013/12/16
*/
jQuery(function () {
    var sCSS = '<style>' +
        '/***' +
        '* Syntax Highlighter funtionality for Forumotion!' +
        '* CSS: .codebox dd.cont_code' +
        '* (c)  hamsahaqo' +
        '* Version: 1.28082013-jq1.9.1' +
        '* Made by JScript - 2013/12/16' +
        '*/' +
        'code.punbb_block, pre.punbb_block {' +
        '  background-color: #FAFAFA !important;' +
        '  border: 1px solid #C9C9C9 !important;' +
        '  color: #000000;' +
        '  font-family: Consolas,"Bitstream Vera Sans Mono","Andale Mono",Monaco,"DejaVu Sans Mono","Lucida Console",monospace !important;' +
        '  font-size: 11px !important;' +
        '  line-height: 110% !important;' +
        '  max-height: 250px !important;' +
        '  overflow: auto !important;' +
        '  padding: 5px !important;' +
        '  white-space: pre-wrap !important;' +
        '  width: auto !important;' +
        '}' +
        '.punbbtop {' +
        '  background-color: #FFDEAD !important;' +
        '  color: #1D3652;' +
        '  font-size: 10px;' +
        '  font-weight: bold;' +
        '  line-height: 100%;' +
        '  margin-top: 5px;' +
        '  padding: 2px 1px 2px 3px;' +
        '}' +
        '.punbbtop button {' +
        '  background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;' +
        '  border: 1px solid #BBBBBB;' +
        '  border-radius: 3px 3px 3px 3px;' +
        '  color: #1D3652;' +
        '  cursor: pointer;' +
        '  display: inline-block;' +
        '  font-size: 10px;' +
        '  padding: 0 6px;' +
        '  text-decoration: none;' +
        '}' +
        '.punbbtop button:hover {' +
        '  background: -moz-linear-gradient(center top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF;' +
        '  border-color: #9A9A9A;' +
        '  color: #3D70A3;' +
        '}' +
        '.punbbtop button:active {' +
        '  position: relative;' +
        '  top: 1px;' +
        '}' +
        'pre.punbb_block.expand, code.punbb_block.expand {' +
        '  max-height: 100% !important;' +
        '}' +
        '.prettyprint ol.linenums {' +
        '  padding-left: 15px !important;' +
        '}' +
        '</style>';
    jQuery(sCSS).insertBefore('#page-body');
 
    if (jQuery('.cont_code').length) {
        var tagCode = jQuery('.cont_code');
    } else {
        if (jQuery('.cont_code').length) {
            var tagCode = jQuery('.code');
        } else {
            var tagCode = jQuery('code');       
        }
    }
    tagCode.each(function () {
        var sContent = jQuery(this).html();
        var codebox = jQuery(this).parent().parent();
        codebox.before('<div class="punbbtop">  تظليل المحتوى    <button onclick="punbbExpand(this); return false;">تكبير</button><button style="display: none" onclick="punbbCollapse(this); return false;">تصغير</button>  <button onclick="punbbSelect(this); return false;">انسخ</button>  <button onclick="punbbPopup(this); return false;">نافذة</button>  <button style="margin-right: 50px; float: right;" onclick="punbbAbout(this); return false;"></button></div><pre class="highlight punbb_block">' + sContent + '</pre>');
        codebox.remove();
    });
    jQuery.getScript('http://balupton.github.io/jquery-syntaxhighlighter/scripts/jquery.syntaxhighlighter.min.js', function () {
        jQuery.SyntaxHighlighter.init({
            'wrapLines': false
        })
    })
});
function punbbExpand(oThis) {
    jQuery(oThis).css('display', 'none');
    jQuery(oThis).next().css('display', '');
    jQuery(oThis).parent().next('pre.punbb_block').addClass('expand');
}
function punbbCollapse(oThis) {
    jQuery(oThis).css('display', 'none');
    jQuery(oThis).prev().css('display', '');
    jQuery(oThis).parent().next('pre.punbb_block').removeClass('expand');
}
function punbbPopup(oThis) {
    var content = jQuery(oThis).parent().next('pre.punbb_block').html();
    var my_window = window.open("","PunBB_Code","scrollbars=1,toolbar=no,menubar=no,personalbar=no,status=0,left=0,location=0,menubar=0,top=0,width=640,height=480");
 
    my_window.document.write('<pre>'+content+'</pre>');
}
function punbbAbout(oThis) {
    alert('Simple code to add Syntax Highlighter fuctionality for Forumotion\n\hamsahaq - 2013/12/16\n');
}
function punbbSelect(oThis) {
    var doc = document;
    var text = jQuery(oThis).parent().next('pre.punbb_block')[0];
    if (doc.body.createTextRange) {
        var range = doc.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (window.getSelection) {
        var selection = window.getSelection();
        var range = doc.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);       
    }
}
الرجوع الى أعلى الصفحة اذهب الى الأسفل
A_helal

A_helal


كود Javascript  تظليل  محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq) Fa9r6lrllr57
ذكر
عدد المساهمات : 5
العمر : 30

كود Javascript  تظليل  محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq) Empty
مُساهمةموضوع: رد: كود Javascript تظليل محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq)   كود Javascript  تظليل  محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq) Emptyالأربعاء أبريل 22 2015, 16:03

شكرا جدا لحضرتك و جزاك الله خيرا

و لكنى لى سؤال تانى كيف تزخرفى الكلام هاكذا ؟
الرجوع الى أعلى الصفحة اذهب الى الأسفل
admin
مديرالموقع
مديرالموقع
admin


انثى
عدد المساهمات : 1765
العمر : 90

كود Javascript  تظليل  محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq) Empty
مُساهمةموضوع: رد: كود Javascript تظليل محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq)   كود Javascript  تظليل  محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq) Emptyالخميس أبريل 23 2015, 20:44

A_helal كتب:
شكرا جدا لحضرتك و جزاك الله خيرا

و لكنى لى سؤال تانى كيف تزخرفى الكلام هاكذا ؟
والله اخي لم افهم قصدك جيدا 

 لكن يمكنك وضع اي سؤال لك في هذا القسم حتى يستفيد منه الجميع 

 وان شاء الله يتم  المساعدة بقدر الامكان

https://alhoub.ahlamontada.net/f59-montada

 
الدعم الفني وطلبات الاعضاء
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود Javascript تظليل محتوى الاكواد ومميزات غيرها بشكل رائع للجميع النسخ (hamsa-haq)
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» مجموعة اكوادcssلجعل الدردشة اكثر احترافية للجميع النسخ hamsa-haq
» كود الحد المسموح به للقراءة المواضيع للضيوف للجميع النسخ
» css كود لجعل ايقوانات الجنسية او البلد من العامودي الى الافقي للجميع النسخ
» Javascript كود لضبط حجم الفيديو في المساهمات*hamsa-haq*
» سكريبت البحث في قوقل : بشكل متحرك و رائع

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: ❤منتدى تطوير المواقع المجانية❤ :: .اكواد الجافا-
انتقل الى: