منتديات حدوتة مصرية
طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه Reem10
منتديات حدوتة مصرية
طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه Reem10
{ (❆إعـلآنـاتْ مُنَتَدَيآتْ حدٌودًتَه مَصريِه ❆   ) ~
   
   
   

❆فَآعِليَآت مُنَتَدَيآتْ حدٌودًتَه مَصريِه ❆
  طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه P112  طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه P211  طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه P311  طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه P411  طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه P510  طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه P610

{ ({ ( مُنَتَدَيآتْ حدٌودًتَه مَصريِه ) ~   ) ~
 



تعلن إدارة منتديات حدوتة مصرية عن فتح باب التقديم للإشراف على المنتديات وعلى من يأنس في نفسه القدره و الكفاءة وضع طلبه في القسم المخصص { طلبات الإشراف} بعد الإطلاع على شروط الإشراف.إعلان إداري

تهنئ إدارة منتديات حدوتة مصرية اعضائنا الكرام بمناسبة السنه الجديده كل عام وانتم بخير وصحه وسلامهكلمة الإدارة

أهلا وسهلا بك إلى منتديات حدوتة مصرية.
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.




طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه Emptyالأربعاء نوفمبر 21, 2018 3:33 pm #1

أفندينا

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

أفندينا
 
♛ عضويتي » : 2
♛ تاريخ التسجيل » : 26/11/2016
♛ آبدآعاتي » : 191
♛ دولتي الحبيبه » : السعودية
♛ جنسي » : ذكر
♛ نقآطي » : 3300
♛ التقييم » : 4
♛ حاليآ في » : حدوتة مصرية
♛ آلعمر » : 44
♛ ﺍﻟﺤﺂﻟﺔ ﺁﻵﺟﺘﻤﺂﻋﻴﺔ ‏» :
  • أعزب
♛ آلقسم آلمفضل  » :
  • الرياضي
♛ ﻧﻈﺂﻡ ﺁﻟﺘﺸﻐﻴﻞ ‏» :
  • windows XP
♛مشروبي آلمفضل‏» : pepsi
♛ قنآتي المفضلة ‏» : rotana
♛ آلنادي آلمفضل ‏» : hilal
♛ مزآجي ‏» : 4
♛ MMS ‏» : 59
♛ SMS ‏» :
أمتلك قلبآ يركض بي دائمآ نحوك
عندما أكون غآضب أو حزين أو خآئف
أو حتى عندمآ لا أرغب تماما
بأي أحد
طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه 28568810
طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه 14988810
 

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



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

السلام عليكم ورحمة الله وبركاته

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

الأن نتوجه الى:
لوحة الاداره >> عناصر إضافيه >> 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

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

الى هنا انتهى الشرح Basketball

الموضوع الاصلي : منتدى الدعم و المساعدة








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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع
إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
أخر المشاركات
المواضيع الأكثر شعبية
a7medvirusاحذر أولئك الذين يهمسون في أذنكa7medvirusطريقة عـمل منتدى vb مجانى كاملa7medvirus شرح حل مشكلة Not Found 404 فى هاك المودة للتلوين - الشامل لتلوين المجموعاتa7medvirusكن كالطير فهو يطمح للبعيد دائماً..!!a7medvirusمنتدى vb مجانى جاهز مدى الحياه بهاكات وأستايلات أحترفيهa7medvirusالظلم وانواعه موضوع للنقاشa7medvirusموسوعة ملابس اللانجري والاندروير ... متجددa7medvirusحصري كود تومبيلات ترقيم المساهمات للنسخة phpBB2 و phpbb3a7medvirusمعجزات الحبيب النبي محمد صلى الله عليه وسلمa7medvirusعلامات حسن وسوء الخاتمه

تصميم منتدى احلى تومبلايت

الساعة الآن