إضافة زر في لوحة الكتابة لوضع زر للضغط عليه

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

إضافة زر في لوحة الكتابة لوضع زر للضغط عليه

مُساهمة من طرف coolkool في الإثنين 13 يونيو 2016 - 23:03

السلام عليكم ..

الكود اليوم عبارة عن زر ليضيف لك هذا الزر في الموضوع تبعك : 
هذا الزر تفعيله جداً سهل ونبدأ : 
لوحة الادارة - عناصر إضافية - إدارة اكواد Javascript -إنشاء كود جديد
الأسم : على راحتك 
كل الصفحات 
الكود : 



الكود:
$(function() {
  if (!$.sceditor) return;
 
  $.sceditor.command.set('ButtonLink', {
    exec : function() {
      this.insertText('   <button><a href="اكتب الرابط">اكتب ماتريد</a></button>');
    },
 
    txtExec : function() {
      this.insertText('<button><a href="اكتب الرابط">اكتب ماتريد</a></button>');
    },
 
    tooltip : 'إدراج زر برابط'
  });
 
  toolbar = toolbar.replace(/link/, 'ButtonLink,link');
});

وسجل ..
ثم تروح : 
لوحة الادارة - مظهر المنتدى - الوان - ورقة تصميم الcss
وتضيف هذا الكود :

الكود:
/* زر إدراج زر برابط */
.sceditor-button-ButtonLink div {
    background-image:url('http://i21.servimg.com/u/f21/16/80/02/94/12074510.png') !important;
    background-position:0 !important;
}

وسجل .. ومبروك عليـــــك ^.^


صورة الزر : 

avatar
coolkool
 
 

ذكر
عدد المساهمات : 3115
معدل النشاط : 7172
السُمعة : 29

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

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

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


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