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

الرئيسيةبحـثاليوميةس .و .جالتسجيلدخول



شاطر | 

 

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

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

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

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

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

الرابط    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
* توقــــــيع العضــو = محمد صبحي*




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



الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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

اخـرالمواضيــع ريسيفر رويال 777 الاسود الصينى لمبة حمراء الجمعة أكتوبر 12, 2018 11:49 pm من طرف tamsad احدث ملف قنوات بتاريخ 1 / 8 / 2017 (عربى اسلامى) للاجهزة الصينية المزودة بــ usb امـــامـــى الثلاثاء أكتوبر 02, 2018 9:48 pm من طرف shafeycolor شرح تشغيل فلاشه الانترنت على الجوكر مباشره بالتفصيل الممل وبالصور الثلاثاء أغسطس 28, 2018 9:48 pm من طرف محمد صبحي ملفات قنوات عربى للاجهزة الصينى بنسبة 95% للمعالج Ali بتاريخ 2017/10/1 الأحد يوليو 22, 2018 12:13 pm من طرف محمدعجوز strong hd 4992 super الازرق الإثنين يوليو 09, 2018 2:33 pm من طرف مجدى

Powered by vBulletin Forums ahlamontada
(Copyright ©2000 - 2018, phpBB2 subsilver)


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