محمد صبحي
رقم العضوية : 1 تاريخ التسجيل : 17/05/2016 المشاركات : 479 الدولة : مصر |
#1موضوع: طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه الخميس أغسطس 04, 2016 7:14 am | |
| شرحنا اليوم طريقة إضافة زر في محرر الكتابه, يُمكن الشخص من الضغط عليه لتفتح له قائمه مُنسدله بالردود الجاهزه السريعه.--------------- النتيجه:
تكبير الصورة معاينة الأبعاد الأصلية. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] الأن نتوجه الى:لوحة الاداره >> عناصر إضافيه >> HTML و JAVASCRIPT >> إدارة أكواد Javascript تفعيل نظام إدارة أكواد Javascript : نعم إنشاء كود جديد العنوان * : أي شيء تريد أضف الكود الى: جميع الصفحات
ثم نضع الكود التالي:الكود: ---------تضليل المحتوى - الكود:
-
$(function() { if (!$.sceditor) return; $.sceditor.command.set('messages', { dropDown : function(editor, caller, callback) { var messages = { 'بسم الله...' : 'بسم الله الرحمن الرحيم', 'السلام...' : 'السلام عليكم ورحمة الله وبركاته', 'شُكرآ' : 'شُكرآ جزيلا', 'بارك...' : 'بارك الله فيك', 'جزاك...' : 'جزاك الله خير', 'شُكرآ على...' : 'شُكرآ لك على المرور', 'في رعاية...' : 'في رعاية الله', 'مع السلامه...' : 'مع السلامه' }, a, d = document.createElement('DIV'), i; for (i in messages) { a = document.createElement('A'); a.className = 'sceditor-font-option'; a.title = messages[i]; a.innerHTML = i; a.onclick = function() { callback(this.title); editor.closeDropDown(true); return false; }; d.appendChild(a); } editor.createDropDown(caller, 'messages', d); }, exec : function(c) { var e = this; $.sceditor.command.get('messages').dropDown(e, c, function(content) { e.insertText(content); }); }, txtExec : function(c) { var e = this; $.sceditor.command.get('messages').dropDown(e, c, function(content) { e.insertText(content); }); }, tooltip : 'Preset messages' }); toolbar += '|messages' }); هناك خيارين لتغيير عنوان الكلمة الظاهره لنا اول مرة, ومن ثم الكلمات التي ستظهر بعد الضغط على الكلمة الأوله.. وللتغيير بإمكانك تعديل:الكود: ---------تضليل المحتوى - الكود:
-
'بسم الله...' : 'بسم الله الرحمن الرحيم', بحيث بسم الله... هو العنوان. بسم الله الرحمن الرحيم / هو بعد الضغط على الزر على "بسم الله..."
وغيرها شبيه بالطريقه أعلاه --------------- الأن نتوجه الى:لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ثم اضف هذا الكود الى ورقة تصميم cssالكود: ---------تضليل المحتوى - الكود:
-
.sceditor-dropdown.sceditor-messages { height:200px; overflow-y:auto; } .sceditor-button-messages div { background-image:url('http://i21.servimg.com/u/f21/18/42/96/80/edit_p10.gif') !important; } لتغيير شكل الأيقونه, عليك بتغيير الرابط التالي: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] - اقتباس :
- [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
لا أنصح بالتعديل على الكود الى لذوي الخبره العاليه. لذوي الخبره القليله: إن أردتم تغيير الألوان أو التصميم عامه, فالمرجوا وضع موضوع في قسم المُساعده وسيتم التعديل. انتهى الموضوع
الرابط [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
|
|