منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
» سؤال بغاية الاهمية
اليوم في 1:32 من طرف وهبة الساحر

» طلب سلايد بسيط*
أمس في 23:51 من طرف ahd allah

» طلب كود البيانات
أمس في 20:26 من طرف ahd allah

» اريد مود خدمات الموضوع
أمس في 20:11 من طرف ahd allah

» طلب كود تعليمات المشاركة
أمس في 19:57 من طرف ahd allah

» طلب اضهار تفاصيل العضو :كاتب الموضوع
أمس في 19:43 من طرف فراس البابلي

» لغة المنتدى
أمس في 19:00 من طرف ahd allah

» كيفية اخفاء الاشراف
أمس في 14:21 من طرف كمال92

» من يعطيني استايل
أمس في 13:12 من طرف JAR7

أفضل 10 أعضاء في هذا الأسبوع
وهبة الساحر
 
MeZoHiTs
 

أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

اريد الحصول على كود جافاسكريبت لوضع هذا الزر

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

اريد الحصول على كود جافاسكريبت لوضع هذا الزر

مُساهمة من طرف coolkool في الأحد 23 أغسطس 2015 - 17:17

السلام عليكم ... ياجماعة فيه زر منتدى في احلى منتدى كثير من المنتديات ضافته الي هو زر :Font Awesome icons

صورته :


عنده الكود لايقصر رجاءً

coolkool
 
 

ذكر
عدد المساهمات : 3066
معدل النشاط : 6432

http://x-gaming.lforum.biz/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: اريد الحصول على كود جافاسكريبت لوضع هذا الزر

مُساهمة من طرف Mohamed Nsr في الأحد 23 أغسطس 2015 - 17:41

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

اولا:لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الالوان>>ورقة تصميم ال CSS
الرمز:
/* Add fontawesome to textarea font-family so the icons are visible */
.sceditor-container textarea { font-family:Verdana, Arial, Helvetica, sans-serif, FontAwesome !important }
/* button image */
.sceditor-button-fontawesome div { background:url(http://i19.servimg.com/u/f19/19/06/98/92/fa-f10.png) !important }

/* drop down */
.sceditor-fontawesome {
  width:220px;
  height:250px;
  overflow-y:auto;
}

/* icons */
.sceditor-fontawesome i {
  color:#333;
  font-size:20px;
  text-align:center;
  cursor:pointer;
  padding:3px 0;
  width:25%;
}
.sceditor-fontawesome i:hover { color:#666 }

وضع هذا في الجافا (في جميع الصفحات)

الرمز:
$(function(){
  if (!$.sceditor) return;
  var defaultSize = 18, // default icon size
      autoClose = 1, // closes drop down after an icon is clicked, if enabled
 
      // icon list
      fa = ['','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','',''],
      A = '', O = A;
 
  // if the size is above 0 we'll format a default size for the icons
  if (defaultSize) {
    A += '[size=' + defaultSize + ']';
    O += '[/size]';
  }
 
  // create sceditor button and drop down
  $.sceditor.command.set('fontawesome', {
   
    dropDown : function(editor, caller, callback) {
      var a, b = '', c = document.createElement('DIV'), i = 0, j = fa.length;
     
      for (; i<j; i++) b += '<i class="fa">' + fa[i] + '</i>';
     
      c.innerHTML = b;
     
      for (a = c.getElementsByTagName('I'), i = 0, j = a.length; i<j; i++) {
        a[i].onclick = function() {
          callback(this.innerHTML);
          autoClose && editor.closeDropDown(true);
        };
      }

      editor.createDropDown(caller, 'fontawesome', c);
    },

    // wysiwyg
    exec : function(c) {
      var e = this;
      $.sceditor.command.get('fontawesome').dropDown(e, c, function(icon) {
        e.insert('&nbsp;[font=FontAwesome]' + A + icon + O + '[/font]&nbsp;', '', true, true, true);
      });
    },
   
    // source
    txtExec : function(c) {
      var e = this;
      $.sceditor.command.get('fontawesome').dropDown(e, c, function(icon) {
        e.insert(' [font=FontAwesome]' + A + icon + O + '[/font] ', '');
      });
    },
   
    tooltip : 'Font Awesome Icons'
  });
 
  toolbar = toolbar.replace(/date,/,'fontawesome,date,'); // add the button to the toolbar
});

بالتوفيق


الكود من تقديم صديقي الغالي في الدعم الاجنبي Ange Tuteur

Mohamed Nsr
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 12749
معدل النشاط : 12324

http://help.ahlamontada.com/forum

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: اريد الحصول على كود جافاسكريبت لوضع هذا الزر

مُساهمة من طرف coolkool في الأحد 23 أغسطس 2015 - 17:46

تسلم اخي سلم على اخونا في الدعم الاجنبي ^.^

تم الحل

coolkool
 
 

ذكر
عدد المساهمات : 3066
معدل النشاط : 6432

http://x-gaming.lforum.biz/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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