طلب تصميم كود نسخ الكود توسيع الكود نافذة منبثقة للنسخة الأخيرة
2 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
طلب تصميم كود نسخ الكود توسيع الكود نافذة منبثقة للنسخة الأخيرة
السلام عليكم ورحمه الله وبركاته
تحية طيبه أما بعد
هل من الممكن تصميم مثل هذا الكود
كود نسخ الكود توسيع الكود نافذة منبثقة للنسخة الأخيرة
AwesomeBB
وعرض مظهر الأكواد كما هو موضح ف الصورة أسفل
بعلامات الترقيم مثل ورقة Css
1.
2.
3.
4.
5.
رابط مباشر للصورة
رد: طلب تصميم كود نسخ الكود توسيع الكود نافذة منبثقة للنسخة الأخيرة
وعليكم السلام ورحمة الله وبركاته
اهلا اخي @Mahmoud Gilany
هل جربت هذا الكود
https://help.ahlamontada.com/t1072668-topic
اهلا اخي @Mahmoud Gilany
هل جربت هذا الكود
https://help.ahlamontada.com/t1072668-topic
ابوعلي البلقاوي و Mahmoud Gilany يعجبهم هذا الموضوع
رد: طلب تصميم كود نسخ الكود توسيع الكود نافذة منبثقة للنسخة الأخيرة
كونان2000 كتب:وعليكم السلام ورحمة الله وبركاته
اهلا اخي
هل جربت هذا الكود
https://help.ahlamontada.com/t1072668-topic
جربتة بس مش بيظهر بنفس الأداء المطلوب عشان
كدا طلب تكويد جديد يليق بمظهر
منتدى الحالى
رد: طلب تصميم كود نسخ الكود توسيع الكود نافذة منبثقة للنسخة الأخيرة
اهلا
سويت تعديل عليه ليتوافق مع نسخة AwesomeBB
جرب
css
java
سويت تعديل عليه ليتوافق مع نسخة AwesomeBB
جرب
css
- Spoiler:
- الكود:
/***
* Syntax Highlighter funtionality for Forumotion!
* CSS: .codebox dd.cont_code
* (c) hamsahaq
* Version: 1.28082013-jq1.9.1
* Made by JScript - 2013/12/16
*/
code.punbb_block, pre.punbb_block {
max-height: 250px !important;
background: #000000;
color: #babfbf;
overflow: scroll;
}
.punbbtop {
background-color: #FFDEAD !important;
color: #1D3652;
font-size: 10px;
font-weight: bold;
line-height: 100%;
margin-top: 5px;
padding: 2px 1px 2px 3px;
}
.hljs {
padding: 0 !important;
background-color: #000 !important;
}
.punbbtop button {
background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;
border: 1px solid #BBBBBB;
border-radius: 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;
}
java
- Spoiler:
- الكود:
// تنفيذ الكود
document.addEventListener('DOMContentLoaded', () => {
const tagCode = document.querySelectorAll('.codebox code');
tagCode.forEach(code => {
const sContent = code.innerHTML;
const codebox = code.closest('.codebox');
const punbbtop = document.createElement('div');
punbbtop.className = 'punbbtop';
punbbtop.innerHTML = `
تظليل المحتوى
<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>`;
const pre = document.createElement('pre');
pre.className = 'highlight punbb_block';
pre.innerHTML = sContent;
codebox.parentNode.insertBefore(punbbtop, codebox);
codebox.parentNode.insertBefore(pre, codebox);
codebox.remove();
});
const script = document.createElement('script');
script.src = 'http://balupton.github.io/jquery-syntaxhighlighter/scripts/jquery.syntaxhighlighter.min.js';
script.onload = () => {
SyntaxHighlighter.init({ 'wrapLines': false });
};
document.head.appendChild(script);
});
// تعريف الدوال
function punbbExpand(oThis) {
oThis.style.display = 'none';
oThis.nextElementSibling.style.display = '';
oThis.parentNode.nextElementSibling.classList.add('expand');
}
function punbbCollapse(oThis) {
oThis.style.display = 'none';
oThis.previousElementSibling.style.display = '';
oThis.parentNode.nextElementSibling.classList.remove('expand');
}
function punbbPopup(oThis) {
const content = oThis.parentNode.nextElementSibling.innerHTML;
const 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) {
const text = oThis.parentNode.nextElementSibling;
const range = document.createRange();
range.selectNodeContents(text);
const selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
}
رد: طلب تصميم كود نسخ الكود توسيع الكود نافذة منبثقة للنسخة الأخيرة
كونان2000 كتب:اهلا
سويت تعديل عليه ليتوافق مع نسخة AwesomeBB
جرب
css
- Spoiler:
- الكود:
/***
* Syntax Highlighter funtionality for Forumotion!
* CSS: .codebox dd.cont_code
* (c) hamsahaq
* Version: 1.28082013-jq1.9.1
* Made by JScript - 2013/12/16
*/
code.punbb_block, pre.punbb_block {
max-height: 250px !important;
background: #000000;
color: #babfbf;
overflow: scroll;
}
.punbbtop {
background-color: #FFDEAD !important;
color: #1D3652;
font-size: 10px;
font-weight: bold;
line-height: 100%;
margin-top: 5px;
padding: 2px 1px 2px 3px;
}
.hljs {
padding: 0 !important;
background-color: #000 !important;
}
.punbbtop button {
background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;
border: 1px solid #BBBBBB;
border-radius: 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;
}
java
- Spoiler:
- الكود:
// تنفيذ الكود
document.addEventListener('DOMContentLoaded', () => {
const tagCode = document.querySelectorAll('.codebox code');
tagCode.forEach(code => {
const sContent = code.innerHTML;
const codebox = code.closest('.codebox');
const punbbtop = document.createElement('div');
punbbtop.className = 'punbbtop';
punbbtop.innerHTML = `
تظليل المحتوى
<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>`;
const pre = document.createElement('pre');
pre.className = 'highlight punbb_block';
pre.innerHTML = sContent;
codebox.parentNode.insertBefore(punbbtop, codebox);
codebox.parentNode.insertBefore(pre, codebox);
codebox.remove();
});
const script = document.createElement('script');
script.src = 'http://balupton.github.io/jquery-syntaxhighlighter/scripts/jquery.syntaxhighlighter.min.js';
script.onload = () => {
SyntaxHighlighter.init({ 'wrapLines': false });
};
document.head.appendChild(script);
});
// تعريف الدوال
function punbbExpand(oThis) {
oThis.style.display = 'none';
oThis.nextElementSibling.style.display = '';
oThis.parentNode.nextElementSibling.classList.add('expand');
}
function punbbCollapse(oThis) {
oThis.style.display = 'none';
oThis.previousElementSibling.style.display = '';
oThis.parentNode.nextElementSibling.classList.remove('expand');
}
function punbbPopup(oThis) {
const content = oThis.parentNode.nextElementSibling.innerHTML;
const 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) {
const text = oThis.parentNode.nextElementSibling;
const range = document.createRange();
range.selectNodeContents(text);
const selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
}
أخى الحبيب ركبتة بس فى حاجة أمر نسخ الأكواد بيعمل تظليل على الأكواد وكمان
يا ريت الكود يكون فعال على كود منع النسخ للأكواد فقط لان مركبة بالفعل
عشان محدش ينسخ حاجة من عندى
رابط مباشر للصورة
رد: طلب تصميم كود نسخ الكود توسيع الكود نافذة منبثقة للنسخة الأخيرة
اهلا
همممم
يعني تريد عند الضغط على زر 'النسخ' يتم نسخ محتوى الكود وليس تظليله
وفي نفس الوقت لا تريد احد ينسخ الاكواد لانه عندك منع النسخ
لم افهم
من جهة، تريد أن يقوم زر النسخ: بنسخ المحتوى مباشرةً دون تظليله، ومن جهة أخرى، تريد منع النسخ تمامًا.
ممكن توضح اكثر اخي
همممم
يعني تريد عند الضغط على زر 'النسخ' يتم نسخ محتوى الكود وليس تظليله
وفي نفس الوقت لا تريد احد ينسخ الاكواد لانه عندك منع النسخ
لم افهم
من جهة، تريد أن يقوم زر النسخ: بنسخ المحتوى مباشرةً دون تظليله، ومن جهة أخرى، تريد منع النسخ تمامًا.
ممكن توضح اكثر اخي
رد: طلب تصميم كود نسخ الكود توسيع الكود نافذة منبثقة للنسخة الأخيرة
السلام عليكم ورحمه الله وبركاته
اخى الحبيب لقد اسائت فهمى انا قصدى
عووز الكود بتاع النسخ يكون متفاعل على بوكس الاكواد فقط
ومش متعارض مع كود منع النسخ و التظليل عشان انا مركب الاكواد دى
على المنتدى عشان اكثر المواضيع اللى عندى حصرية ومش عاوز حد ينسخها كوبى بسط وخصوص اللى فى اقسام فن الادب و مدرسة الاسرة
لقاء الايمان هذا ما كنت ارمز اليه
زى الموضيع دى
انا مش عاوز حد ينسخها فلما بركب كود منع النسخ بيتعارض مع كود
نسخ الاكواد
رد: طلب تصميم كود نسخ الكود توسيع الكود نافذة منبثقة للنسخة الأخيرة
اهلا
الان فهمت تم تعديل الاكواد
استبدل الاكواد السابقه بالتاليه
css
java
الان فهمت تم تعديل الاكواد
استبدل الاكواد السابقه بالتاليه
css
- Spoiler:
- الكود:
/***
* Syntax Highlighter funtionality for Forumotion!
* CSS: .codebox dd.cont_code
* (c) hamsahaq
* Version: 1.28082013-jq1.9.1
* Made by JScript - 2013/12/16
*/
code.punbb_block, pre.punbb_block {
max-height: 250px !important;
background: #384246;
color: #ffffff;
overflow: scroll;
}
.punbbtop {
background-color: #9ca9af !important;
border-right: solid #1e6197 6px;
margin-top: 5px;
padding: 7px;
}
.hljs {
padding: 0 !important;
background-color: #000 !important;
}
.punbbtop button {
background: #e5e5e5;
border: 1px solid #8f8f8f;
color: #1D3652;
font-size: 14px;
font-weight: bold;
cursor: pointer;
display: inline-block;
padding: 6px;
margin-left: 4px;
}
.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;
}
java
- Spoiler:
- الكود:
$(document).ready(function() {
$('.codebox code').each(function() {
const code = $(this);
const sContent = code.html();
const codebox = code.closest('.codebox');
const punbbtop = $('<div class="punbbtop"></div>').html(`
<button class="expand">تكبير</button>
<button class="collapse" style="display: none;">تصغير</button>
<button class="copy">نسخ</button>
<button class="popup">نافذة</button>
`);
const pre = $('<pre class="highlight punbb_block"></pre>').html(sContent);
codebox.after(pre).after(punbbtop);
codebox.remove();
});
$.getScript('http://balupton.github.io/jquery-syntaxhighlighter/scripts/jquery.syntaxhighlighter.min.js', function() {
SyntaxHighlighter.init({ 'wrapLines': false });
});
$(document).on('click', '.expand', function(e) {
e.preventDefault();
$(this).hide();
$(this).siblings('.collapse').show();
$(this).parent().next('pre').addClass('expand');
});
$(document).on('click', '.collapse', function(e) {
e.preventDefault();
$(this).hide();
$(this).siblings('.expand').show();
$(this).parent().next('pre').removeClass('expand');
});
$(document).on('click', '.popup', function(e) {
e.preventDefault();
const content = $(this).parent().next('pre').html();
const my_window = window.open("", "PunBB_Code", "scrollbars=1,toolbar=no,menubar=no,status=0,left=0,location=0,menubar=0,top=0,width=640,height=480");
my_window.document.write('<pre>' + content + '</pre>');
});
$(document).on('click', '.copy', function(e) {
e.preventDefault();
const text = $(this).parent().next('pre')[0];
const range = document.createRange();
range.selectNodeContents(text);
const selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
try {
document.execCommand('copy');
showCopyMessage($(this));
} catch (err) {
console.error('Failed to copy: ', err);
}
selection.removeAllRanges();
});
function showCopyMessage(button) {
const message = $('<span>تم النسخ!</span>').css({
color: 'green',
marginLeft: '10px'
});
button.parent().find('.copy').after(message);
setTimeout(() => {
message.remove();
}, 400);
}
});
Witcherface و Mahmoud Gilany يعجبهم هذا الموضوع
رد: طلب تصميم كود نسخ الكود توسيع الكود نافذة منبثقة للنسخة الأخيرة
تم تنفيذ التقنية المطلوبة
الصراحة شغل و إداء أكثر من رائع
شغل لأهتمامك وكل مجهوداتك
مع أخى الحبيب فى إنتظار إبدعاتكم القادمة
فى مجالى التصميم و التكويدات
رد: طلب تصميم كود نسخ الكود توسيع الكود نافذة منبثقة للنسخة الأخيرة
Mahmoud Gilany كتب:تم تنفيذ التقنية المطلوبةالصراحة شغل و إداء أكثر من رائعشغل لأهتمامك وكل مجهوداتكمع أخى الحبيب فى إنتظار إبدعاتكم القادمةفى مجالى التصميم و التكويدات
شكرًا لك على كلماتك الطيبة اخي ^^
أنا سعيد جدًا أن الكود نال إعجابك وأنه ساعدك في تحقيق ما تريد.
وان شاء الله الاكواد الجديده قريبا
---------------------
أنا سعيد جدًا أن الكود نال إعجابك وأنه ساعدك في تحقيق ما تريد.
وان شاء الله الاكواد الجديده قريبا
---------------------
تم حل المشكلة & ينقل للأرشيف.
|
Mahmoud Gilany يعجبه هذا الموضوع
مواضيع مماثلة
» طلب كود نافذة منبثقة
» كود نافذة منبثقة
» طلب كود نافذة منبثقة
» نافذة منبثقة تظهر على المنتديات
» أريد كود فتحة إجبارية ( نافذة منبثقة ) مع امكانية التعديل فى مقاس الصفحة
» كود نافذة منبثقة
» طلب كود نافذة منبثقة
» نافذة منبثقة تظهر على المنتديات
» أريد كود فتحة إجبارية ( نافذة منبثقة ) مع امكانية التعديل فى مقاس الصفحة
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى