منطقة الاعضاء


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

أهلا وسهلا بك إلى بيت الجزائر لكل العرب.

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

بيت الجزائر لكل العرب


مرحبا بك عزيزى الزائر فى بيت الجزائر لكل العرب.

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

بيت الجزائر لكل العرب

اسم الموضوع: [Template] كود قالب index_box بشكله المطور و ينافس الفيبي الجمعة 17 أغسطس 2018 - 17:32 من طرفخادم الاسلام0 اسم الموضوع: (TEMPLATES) كود اخر المواضييع الافقى المعتمد في منتدانا (مثل احلى ستايل)الجمعة 17 أغسطس 2018 - 16:48 من طرفخادم الاسلام0 اسم الموضوع: تومبيلات صفحة الموضوعviewtopic_body الخاص بأحلى حكاية الذي يبحث عنه الجميع حصريا هنا و فقط.الجمعة 17 أغسطس 2018 - 16:29 من طرفخادم الاسلام0 اسم الموضوع: (TEMPLATE) إدارة البيانات الشخصية الجديد و الحصري 2016الجمعة 17 أغسطس 2018 - 16:21 من طرفخادم الاسلام0 اسم الموضوع: تومبيلات الاحصائيات الماسية الشاملة منسقة باحترافالجمعة 17 أغسطس 2018 - 16:18 من طرفخادم الاسلام0 اسم الموضوع: [STYLE] تومبيلات أنيق و جميل محول من نور أون لاينالأربعاء 18 أبريل 2018 - 12:32 من طرفخادم الاسلام اسم الموضوع: قالب الاحصائيات الجديد المميز 2016الأربعاء 18 أبريل 2018 - 11:24 من طرفخادم الاسلام اسم الموضوع: [JAVASCRIPT][حصري]و قبل أي منتدى عربي Messenger forumotion لمنتداك غاية في الجمالالخميس 5 أبريل 2018 - 18:55 من طرفmonirdahmanie اسم الموضوع: [template] احترافي و مميز من تحويل jar7الخميس 5 أبريل 2018 - 18:53 من طرفmonirdahmanie اسم الموضوع: كود سلايد شو احترافي سهل التركيب 2015السبت 31 مارس 2018 - 17:27 من طرفalzagri اسم الموضوع: [template][حصري] اخر المواضيع للنسخة ModernBBBETAالسبت 31 مارس 2018 - 9:55 من طرفالمدير اسم الموضوع: [Template] لوضع ايطار حول المواضيع كما موجود فى الـ vbالخميس 29 مارس 2018 - 10:44 من طرفalzagri

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
coeurdelion
اللقب:
المشرف العام
الرتبه:
المشرف العام
الصورة الرمزية

avatar

البيانات
الجنس :
ذكر
عدد المساهمات :
215
السٌّمعَة :
9
تاريخ التسجيل :
08/12/2014
الموقع :
بيت الجزائر لكل العرب

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
موضوع: طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه الإثنين 19 أكتوبر 2015 - 12:17


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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الأن نتوجه الى:
لوحة الاداره >> عناصر إضافيه >> 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;
        }
لتغيير شكل الأيقونه, عليك بتغيير الرابط التالي:


الكود:
http://i21.servimg.com/u/f21/18/42/96/80/edit_p10.gif
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
طريقة عمل أيقونة في محرر الكتابه, للردود الجاهزه
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
شارك هذا الموضوع...
روابط هذا الموضوع
URL:
BBCode:
HTML:
صفحة 1 من اصل 1

هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة
الرد السريع
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
بيت الجزائر لكل العرب :: 
دعم منتديات أحلى منتدى
 :: :: أكواد Java Script و jQuery
-
انتقل الى:  

منتديات بيت الجزائر لكل العرب

↑ Grab this Headline Animator

© phpBB | منتدى مجاني | العلم و المعرفة | اخر... | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | احدث مدونتك