قائمة ايقونات رائعة جدا تضاف للموضوع او الرد

**Admin** · **Admin** الأربعاء يونيو 24, 2015 3:49 pm

هذا الاسكربت سيمكنك من اضافة قائمة ايقونات رائعة جدا تضاف للموضوع او الرد
صورة

قائمة ايقونات رائعة جدا تضاف للموضوع او الرد Image

اما عن طريقة التركيب فستكون بكودين فقط
الاول ورقة التصميم css
كود :

الكود:: /* ايقونات روعة من مايكل سوفت */ .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-f10msoft.olympe.in/.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() { var FA = 'http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css', a = document.createElement('LINK'); a.rel = 'stylesheet'; a.type = 'text/css'; a.href = FA; document.getElementsByTagName('HEAD')[0].appendChild(a); })(); $(function(){ if (!$.sceditor) return; var defaultSize = 29, // default icon size autoClose = 1, // closes drop down after an icon is clicked, if enabled // icon list fa = ['','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','',''], A = '', O = A, i, j = fa.length; // if the size is above 0 we'll format a default size for the icons if (defaultSize) { A += ''; O += ''; } // create sceditor button and drop down $.sceditor.command.set('fontawesome', { createDropdown : function(editor, callback) { var c = $('<div />'); for (i = 0; i<j; i++) { $('<i class="fa">' + fa[i] + '</i>').click(function(e) { callback($(this).text()); autoClose && editor.closeDropDown(true); e.preventDefault(); }).appendTo(c); } return c; }, // wysiwyg exec : function(c) { var e = this; e.createDropDown(c, 'fontawesome', $.sceditor.command.get('fontawesome').createDropdown(e, function(I) { e.insert(' [font=FontAwesome]' + A + I + O + '[/font] ', '', true, true, true); })); }, // source txtExec : function(c) { var e = this; e.createDropDown(c, 'fontawesome', $.sceditor.command.get('fontawesome').createDropdown(e, function(I) { e.insert(' [font=FontAwesome]' + A + I + O + '[/font] ', ''); })); }, tooltip : 'ايقونات روعه مايكل سوفت' }); toolbar = toolbar.replace(/date,/,'fontawesome,date,'); // add the button to the toolbar });

قائمة ايقونات رائعة جدا تضاف للموضوع او الرد

قائمة ايقونات رائعة جدا تضاف للموضوع او الرد

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

التسجيل

تسجيل الدخول