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

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

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

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

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

الكود اليوم عبارة عن زر ليضيف لك هذا الزر في الموضوع تبعك : 
إضافة زر في لوحة الكتابة لوضع زر للضغط عليه 89c1d5f5ede94837a276d320f38ba9c7
هذا الزر تفعيله جداً سهل ونبدأ : 
لوحة الادارة - عناصر إضافية - إدارة اكواد 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;
}

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


صورة الزر : 
إضافة زر في لوحة الكتابة لوضع زر للضغط عليه 3fa2c1a6ea7145b6b0840e9bdae9f97d
coolkool
coolkool
 
 

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

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

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

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


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