منتدى فضائى : اصلاح وصيانة الريسيفرات والاجهزه الكهربائيه وتحديد اتجاه الاقمار الصناعيه واقوى السيرفرات المجانيه والمدفوعه لفتح القنوات المشفرة واحدث البرامج الخاص بالكمبيوتر  

الرئيسيةأحدث الصورالتسجيلدخول



شاطر

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

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

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
معلومات العضـو
محمد صبحي
المديرالعام
محمد صبحي
رقم العضوية : 1
تاريخ التسجيل : 17/05/2016
المشاركات : 479
الدولة : مصر
#1مُساهمةموضوع: طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه   طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه I_icon_minitimeالخميس أغسطس 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;
}

لتغيير شكل الأيقونه, عليك بتغيير الرابط التالي:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اقتباس :
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
المصراويه  :: منتديات الدعم والمساعدة :: اكواد وقوالب التومبيلات وتقنيات اخرى :: أكواد الجافا إسكريبت JAVA-
انتقل الى:  
أختر لغة المنتدى من هنا
الساعة الآن

اخـرالمواضيــع طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه I-icon-latest-reply_c1a56 الموقع الشامل القديم طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه I_icon_minitimeالسبت يناير 13, 2024 4:33 pm من طرف طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه I-icon-latest-reply_c1a56 برنامج حسابات مجانى طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه I_icon_minitimeالثلاثاء ديسمبر 06, 2022 6:22 am من طرف طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه I-icon-latest-reply_c1a56جديد البرامج المهمة طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه I_icon_minitimeالثلاثاء ديسمبر 06, 2022 6:16 am من طرف طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه I-icon-latest-reply_c1a56سته برامج لحفظ أرقامك الهامة(دليل هاتف)مع بعض المواقع المختصة طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه I_icon_minitimeالثلاثاء ديسمبر 06, 2022 6:12 am من طرف طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه I-icon-latest-reply_c1a56ملف قنوات لــ ترومان 333/666/777/888/999/2010/190 معالجC سي بتاريخ 7-11-2022 طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه I_icon_minitimeالأربعاء نوفمبر 16, 2022 7:28 pm من طرف

Powered by vBulletin Forums ahlamontada
(Copyright ©2015 - 2024 , phpBB2 subsilver)


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
* * * ( ا لــمــصـــر ا و يــــــــــه ) * * *