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

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


انشاء منتدى مجاني شبيه بهذا المنتدى

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

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

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

مُساهمة من طرف 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
 
 

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

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

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

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


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