منتديات حدوتة مصرية

 

« إعلانات المنتدى »
 
 
  




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

جديد المواضيع
goweto_bilobedكود اظهار (عدد المواضيع,المساهمات,اخر مساهمه) على الرئيسيه بشكل جميلالسبت ديسمبر 08, 2018 3:48 pm من طرفأفنديناgoweto_bilobedقالب قائمة الاعضاء بشكل مميزالسبت ديسمبر 08, 2018 11:35 am من طرفأفنديناgoweto_bilobedأخى فى الله أريد من حضرتك كود الدردشة فى عارضة المنتدىالسبت ديسمبر 08, 2018 3:13 am من طرفالأخ تامر مسعدgoweto_bilobedكود قطار المواقع الاجتماعية المتحرك في اسفل المنتدىالجمعة ديسمبر 07, 2018 7:17 pm من طرفأفنديناgoweto_bilobedاكواد القران الكريم لاجمل اصوات فى العالمالجمعة ديسمبر 07, 2018 9:53 am من طرفالأخ تامر مسعدgoweto_bilobedطلب نريد تركيب صندوق الأكوادالجمعة ديسمبر 07, 2018 9:33 am من طرفالأخ تامر مسعدgoweto_bilobedحصري كود تومبيلات ترقيم المساهمات للنسخة phpBB2 و phpbb3الخميس ديسمبر 06, 2018 4:04 pm من طرفأفنديناgoweto_bilobedالمتواجدون الآن والإحصائيات [index_body] بشكل جديدالخميس ديسمبر 06, 2018 3:41 pm من طرفأفنديناgoweto_bilobedتومبيلات اضافة ايقوانة صغيرة على عامود الاقسام للمنتدىالخميس ديسمبر 06, 2018 3:34 pm من طرفأفنديناgoweto_bilobedكود انتظار تحميل الصفحه حتى الانتهاءالخميس ديسمبر 06, 2018 3:23 pm من طرفأفندينا

 

الخميس نوفمبر 29, 2018 12:12 pm #497
أفندينا




avatar

 
♛ عضويتي » : 2
♛ تاريخ التسجيل » : 26/11/2016
♛ آبدآعاتي » : 188
♛ دولتي الحبيبه » : السعودية
♛ جنسي » : ذكر
♛ نقآطي » : 1306
♛ التقييم » : 4
♛ حاليآ في » : حدوتة مصرية
♛ آلعمر » : 39
♛ ﺍﻟﺤﺂﻟﺔ ﺁﻵﺟﺘﻤﺂﻋﻴﺔ ‏» :
  • أعزب

♛ آلقسم آلمفضل  » :
  • الرياضي

♛ ﻧﻈﺂﻡ ﺁﻟﺘﺸﻐﻴﻞ ‏» :
  • windows XP

♛مشروبي آلمفضل‏» : pepsi
♛ قنآتي المفضلة ‏» : rotana
♛ آلنادي آلمفضل ‏» : hilal
♛ مزآجي ‏» : 4
♛ MMS ‏» : 59
♛ SMS ‏» :
أمتلك قلبآ يركض بي دائمآ نحوك
عندما أكون غآضب أو حزين أو خآئف
أو حتى عندمآ لا أرغب تماما
بأي أحد



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




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

السلام وعليكم ورحمة الله وبركاته

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

صورة عن الكود :


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

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



4 انشاء كود



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

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



الى هنا انتهى الشرح Basketball

الموضوع الاصلي : منتدى الدعم و المساعدة




 معاينة صفحة البيانات الشخصي للعضو



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



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


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

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


الساعة الآن


تحويل AsHeK EgYpT من خلال منتدي ستار ديس