شبكة يلا 4 يو , Yalla4uدخول

شبكة يلا 4 يو , Yalla4u العاب , برامج , اسلاميات , اخبار عالميه , مصرية , اشهار, اكواد, تطوير منتديات, اشهار, مسابقات, css, html, javascript, اقسام تعليميه, العاب كونكر, جرافيك, برامج, جرافيك , فوتوشوب ,photoshop


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

شاطر

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

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



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







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







ثم اضف هذا الكود الى ورقة تصميم css

11121






لتغيير شكل الأيقونه, عليك بتغيير الرابط التالي:



https://i.servimg.com/u/f21/18/42/96/80/edit_p10.gif


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





تعاليق

لا يوجد حالياً أي تعليق
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى