أهلا وسهلا بك إلى hossam123.
أهلا وسهلا بك ضيفنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، وفي حال رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.


hossam123 :: دعم منتديات احلى منتدى :: اكواد CSS

شاطر

رقم المشاركة : [ 1 ]
قديمالأربعاء يونيو 24, 2015 3:49 pm
Admin
Admin
avatar


Time Online :
1d 20h 25m 49s

عدد المساهمات :
278

تاريخ التسجيل :
04/07/2011

الماجيك مسعد will become famous soon enoughالماجيك مسعد will become famous soon enough
غير متواجد
مُساهمةموضوع: قائمة ايقونات رائعة جدا تضاف للموضوع او الرد


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


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

اما عن طريقة التركيب فستكون بكودين فقط
الاول ورقة التصميم 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('&nbsp;[font=FontAwesome]' + A + I + O + '[/font]&nbsp;', '', 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
    });











الــرد الســـريـع
..




الذين يشاهدون محتوى الموضوع الآن : 20 ( الأعضاء 3 والزوار 17)




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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة