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

مجتمع ألوآن ~

أهلآأ و سههلآأ بكـي في مجتمع ألوآن ~
 
الرئيسيةالأحداثأحدث الصورالتسجيلدخول


 

 طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه

اذهب الى الأسفل 
كاتب الموضوعرسالة
Şώễễŧ
عضوهةُ ~♥ ]
عضوهةُ ~♥ ]



المساهمات : 10
تاريخ التسجيل : 11/06/2018

طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه Empty
مُساهمةموضوع: طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه   طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه I_icon_minitimeالإثنين يونيو 11, 2018 4:48 pm


طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه F3al_c10 

 شرحنا اليوم طريقة إضافة زر في محرر الكتابه, يُمكن الشخص من الضغط عليه لتفتح له قائمه مُنسدله بالردود الجاهزه السريعه.
---------------
النتيجه:

تكبير الصورة معاينة الأبعاد الأصلية.
طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه Aseer10
https://i.servimg.com/u/f21/19/14/85/42/aseer10.png
الأن نتوجه الى:
لوحة الاداره >> عناصر إضافيه >> 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

طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه Aseer14

طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه Aseer213

طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه Aseer311

ثم اضف هذا الكود الى ورقة تصميم 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;
}


لتغيير شكل الأيقونه, عليك بتغيير الرابط التالي:
طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه Edit_p10
اقتباس :
https://i.servimg.com/u/f21/18/42/96/80/edit_p10.gif

لا أنصح بالتعديل على الكود الى لذوي الخبره العاليه.
لذوي الخبره القليله: إن أردتم تغيير الألوان أو التصميم عامه, فالمرجوا وضع موضوع في قسم المُساعده وسيتم التعديل.
انتهى الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
»  طريقة عمل سمبوسة سبرينج رول الصينية اكلات صينية رمضانية

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
مجتمع ألوآن ~ :: 。・゜・( خُدٓمَآْتٌ مُنّتَدَآْنَاّ )・゜・。 :: ورشهه لمنتدآككِ !!-
انتقل الى: