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

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

الكتابة - إضافة زر في لوحة الكتابة لوضع زر للضغط عليه 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
 
 

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

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

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

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

- مواضيع مماثلة

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