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


أهلا وسهلا بك إلى منتديات السفير المجد للتربية والتعليم.
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.

منتديات السفير المجد للتربية والتعليم
 
مرحباً بك يا زائر [ خروج ]
******يسر فريق ادارة منتديات السفير المجد للتربية والتعليم أن يلفت انتباه اعضاء موقعنا وزوار منتدانا الكرام أن مواضيعنا الجديدة متواجدة على موقعنا الثاني وعليه يمكنكم أيها الأحبة الإطلاع عليها مباشرة عبر الرابط الآتي منتديات السفير المجد التعليمية . اومن خلال عارضة المنتدى أو الفوتر ***** عن ادارة الموقع نجمة المنتدى


منتديات السفير المجد للتربية والتعليم ::  منتدى عالم الأكواد
 :: منتدى الدعم الفني

شاطر

الجمعة 25 ديسمبر 2015 - 9:51
المشاركة رقم:
المعلومات
الكاتب:
اللقب:
essafir elmejid
الرتبه:
essafir elmejid
الصورة الرمزية

avatar

البيانات
الدولة :
الجنس : ذكر
عدد المساهمات : 1982
تاريخ التسجيل : 23/11/2012
الموقع : جيجل
العمل/الترفيه : استاذ مكون
التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
معاينة صفحة البيانات الشخصي للعضو http://essafirelmejid.yoo7.com

مُساهمةموضوع: كود تظليل المحتوى الاحترافي


كود تظليل المحتوى الاحترافي


الكود تم تجريبته على النسخة الثانية والثالثة  ويعمل بشكل صحيح
ولم اجربه على باقي النسخ

صورة عن الكود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

تكبير الصورة معاينة الأبعاد الأصلية.


والان تفضلو الكود


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


والان شرح تركيب الكود في منتداك

1
ندخل لوحة الادارة


2
عناصر اضافية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

تكبير الصورة معاينة الأبعاد الأصلية.


3
HTML و JAVASCRIPT
4
أكواد Javascript


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


5
انشاء كود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



6
اسم الكود ضع اي شيئ تريده
او كود تظليل المحتوى

اختار  ان يظهر في
المواضيع
ضع الكود واضغط على سجل  والف مبروك عليك الكود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

تكبير الصورة معاينة الأبعاد الأصلية.

لا يسمح بحذف الحقوق من على الكود

الكود منقول عن منتدى الدعم والمساعدة





توقيع : السفير المجد



_________________
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
توقيع

essafir elmejid


خياراتالمساهمة




الــرد الســـريـع
..

خدمات الموضوع
 KonuEtiketleri كلمات دليليه
كود تظليل المحتوى الاحترافي , كود تظليل المحتوى الاحترافي , كود تظليل المحتوى الاحترافي ,كود تظليل المحتوى الاحترافي ,كود تظليل المحتوى الاحترافي , كود تظليل المحتوى الاحترافي
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ كود تظليل المحتوى الاحترافي ] مخالف ,, من فضلك راسل الإدارة من هنا


الذين يشاهدون محتوى الموضوع الآن : 40 ( الأعضاء 17 والزوار 23)




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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة


الساعة الأنبتوقيت الجزائر