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


منتديات ابداع توداى - اكبر موقع عربى للبرامج والعاب الاونلاين وتطوير المنتديات واخبار العالم
 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

 

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

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
malakwab
..:: أدارة المنتدى ::..
..:: أدارة المنتدى ::..
malakwab


الجنس : ذكر
مشاركاتى : 2962
نقودى : 5068
سمعتى : 14
عمرى : 25
التسجيل : 04/05/2012
العمل/الترفيه : مبرمج

كود تظليل المحتوى الاحترافي من اختكم hamsahaq Empty
مُساهمةموضوع: كود تظليل المحتوى الاحترافي من اختكم hamsahaq   كود تظليل المحتوى الاحترافي من اختكم hamsahaq I_icon_minitimeالإثنين مارس 16, 2015 4:39 am

.  اخواتي اخواتي اعضاء وزوار منتدى  الدعم و المساعدة  .
.   السلام وعليكم ورحمة الله جميعا ..

.   اليوم اقد لكم كود جديد  وتم بتعاون مع المشرف ..

.  .  [size=11]Shek
 ..

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

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

.   صورة عن الكود ..
.  https://i.servimg.com/u/f59/15/96/93/59/o10.png..
.  
تكبير الصورة معاينة الأبعاد الأصلية.
كود تظليل المحتوى الاحترافي من اختكم hamsahaq O11..


.  والان تفضلو الكود ..
.
الكود:
/**** 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);            }}
 

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


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


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

تكبير الصورة معاينة الأبعاد الأصلية.
كود تظليل المحتوى الاحترافي من اختكم hamsahaq A10


 أكواد Javascript


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



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



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

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

تكبير الصورة معاينة الأبعاد الأصلية.
كود تظليل المحتوى الاحترافي من اختكم hamsahaq 11

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

اختكم همسة حق

hamsahaq
..
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.ibda3today.0wn0.com
mohamedseraj
.:: الإدارة التنفيذية ::.
.:: الإدارة التنفيذية ::.
mohamedseraj


الجنس : ذكر
مشاركاتى : 773
نقودى : 66480
سمعتى : 5863
عمرى : 25
التسجيل : 06/03/2015
البلد البلد : مصر
العمل/الترفيه : مبرمج

كود تظليل المحتوى الاحترافي من اختكم hamsahaq Empty
مُساهمةموضوع: _da3m_12   كود تظليل المحتوى الاحترافي من اختكم hamsahaq I_icon_minitimeالإثنين مارس 30, 2015 10:23 pm

موضوع رائع بوركت
كود تظليل المحتوى الاحترافي من اختكم hamsahaq 4
كود تظليل المحتوى الاحترافي من اختكم hamsahaq 128711691410
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.ibda3today.0wn0.com
 
كود تظليل المحتوى الاحترافي من اختكم hamsahaq
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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