محمد صبحي
رقم العضوية : 1 تاريخ التسجيل : 17/05/2016 المشاركات : 479 الدولة : مصر |
#1موضوع: خاصية تحديد المحتوي لجميع النسخ الجمعة يونيو 24, 2016 1:06 pm | |
| كود JavaScript لعمل خاصية تحديد المحتويالكود لجميع النسخ =خاصة phpbb2 الخاصية كما نشاهد في المثال التالي - اقتباس :
تكبير الصورة معاينة الأبعاد الأصلية. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]نتوكل علي اللهلوحة الادارة → عناصر اضافية → إدارة أكواد Javascriptنضغط علي : إنشاء كود جديد
العنوان:كما تريداضف الكود الى:جميع الصفحاتكود Javascript * : - الكود:
-
function selectCode(a){a=$(a).closest("dl").find(".cont_code,code")[0];if(window.getSelection){var c=window.getSelection();if(c.setBaseAndExtent)c.setBaseAndExtent(a,0,a,a.innerText.length-1);else{window.opera&&a.innerHTML.substring(a.innerHTML.length-4)=="<BR>"&&(a.innerHTML+=" ");var b=document.createRange();b.selectNodeContents(a);c.removeAllRanges();c.addRange(b)}}else document.getSelection?(c=document.getSelection(),b=document.createRange(),b.selectNodeContents(a), c.removeAllRanges(),c.addRange(b)):document.selection&&(b=document.body.createTextRange(),b.moveToElementText(a),b.select())} $(function(){
$("dl.codebox:not(.spoiler,.hidecode) > dd.code, dl.codebox:not(.spoiler,.hidecode) > dd > code").closest("dl").find('dt').append('<span onClick="selectCode(this)" class="selectCode">تحديد المحتوي</span>'); }); تكبير الصورة معاينة الأبعاد الأصلية. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] - اقتباس :
- [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
ثم نتوجه الى: لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الالوان>>ورقة تصميم الcss وضع الكود التالي:
- الكود:
-
.selectCode { float:right; text-transform: uppercase; cursor:pointer; } وبهذا قد انتهى الشرح بالتوفيق ليكم
الرابط [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
عدل سابقا من قبل محمد صبحي في الأحد أغسطس 07, 2016 8:11 am عدل 2 مرات |
|
محمد صبحي
رقم العضوية : 1 تاريخ التسجيل : 17/05/2016 المشاركات : 479 الدولة : مصر |
#2موضوع: رد: خاصية تحديد المحتوي لجميع النسخ السبت أغسطس 06, 2016 5:05 am | |
| كود اخر وضع لون احمر لجملة (تحديد المحتوي) - الكود:
-
function selectCode(a){a=$(a).closest("dl").find(".cont_code,code")[0];if(window.getSelection){var c=window.getSelection();if(c.setBaseAndExtent)c.setBaseAndExtent(a,0,a,a.innerText.length-1);else{window.opera&&a.innerHTML.substring(a.innerHTML.length-4)=="<BR>"&&(a.innerHTML+=" ");var b=document.createRange();b.selectNodeContents(a);c.removeAllRanges();c.addRange(b)}}else document.getSelection?(c=document.getSelection(),b=document.createRange(),b.selectNodeContents(a), c.removeAllRanges(),c.addRange(b)):document.selection&&(b=document.body.createTextRange(),b.moveToElementText(a),b.select())} $(function(){
$("dl.codebox:not(.spoiler,.hidecode) > dd.code, dl.codebox:not(.spoiler,.hidecode) > dd > code").closest("dl").find('dt').append('<span onClick="selectCode(this)" class="selectCode"><span style="font-size: 18px;"><strong>( <span style="color: rgb(255, 0, 0);">تحديـد المحتـو<span style="font-size: 18px;">ى</span></span> )<br /></strong></span></span>'); }); الكود الثاني في الورقة css لعمل خاصية تمرير الماوس للاكواد للحفاظ علي مظهر المنتدى - الكود:
-
/*a7medvirus Tutorial*/ .code{ max-height: 200px; overflow: auto; direction: ltr; display: block; } /*by: Traid web*/ |
|