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

2 مشترك

اذهب الى الأسفل

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

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

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

صورته :


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

ذكر
عدد المساهمات : 3060
معدل النشاط : 9312
السُمعة : 34

http://x-gaming.forumakers.com/

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

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

مُساهمة من طرف Mohamed الأحد 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



اريد الحصول على كود جافاسكريبت لوضع هذا الزر 31010
اريد الحصول على كود جافاسكريبت لوضع هذا الزر 410 أدوات الصيانة لأحلى المنتديات / طريقة طلب كلمة سر/ قائمة بكل مواضيع الاســئلة الشائعة
--------------------------------------------------
اريد الحصول على كود جافاسكريبت لوضع هذا الزر 410 تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
اريد الحصول على كود جافاسكريبت لوضع هذا الزر 410 لا يتم المساعدة على الخاص! 


Mohamed
Mohamed
احلى إدارة
احلى إدارة

ذكر
عدد المساهمات : 11328
معدل النشاط : 15712
السُمعة : 453

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

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

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

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

تم الحل
coolkool
coolkool
 
 

ذكر
عدد المساهمات : 3060
معدل النشاط : 9312
السُمعة : 34

http://x-gaming.forumakers.com/

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

الرجوع الى أعلى الصفحة


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