منتدى الابداع العربي

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


اضافة ايقونات FontAwesome بصندوق الرد
 

 اضافة ايقونات FontAwesome بصندوق الرد

اذهب الى الأسفل 
كاتب الموضوعرسالة
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126400
نقاط النشاط : 142117
السٌّمعَة : 3006
بلد العضو : اضافة ايقونات FontAwesome بصندوق الرد  Saudi-10
العمر : 35

اضافة ايقونات FontAwesome بصندوق الرد  Empty
مُساهمةموضوع: اضافة ايقونات FontAwesome بصندوق الرد    اضافة ايقونات FontAwesome بصندوق الرد  Emptyالإثنين فبراير 20, 2017 11:35 pm

اضافة ايقونات FontAwesome بصندوق الرد 
اضافة ايقونات FontAwesome بصندوق الرد  Faicon10
https://i.servimg.com/u/f19/18/21/41/30/faicon10.png
كود css 
لوحة الادارة. مظهر المنتدى. صور والوان. الوان. ورقة css
الكود:

/* Ajoute Font Awesome aux polices de la textarea pour que les icônes soient visibles */
.sceditor-container textarea { font-family:Verdana, Arial, Helvetica, sans-serif, FontAwesome !important }
/* Image du bouton */
.sceditor-button-fontawesome div { background:url(http://i19.servimg.com/u/f19/19/06/98/92/fa-f10.png) !important }
 
/* Popup */
.sceditor-fontawesome {
  width:220px;
  height:250px;
  overflow-y:auto;
}
 
/* Icônes */
.sceditor-fontawesome i {
  color:#333;
  font-size:20px;
  text-align:center;
  cursor:pointer;
  padding:3px 0;
  width:25%;
}
.sceditor-fontawesome i:hover { color:#666 }
كود جافا سكربت
لوحة الادارة. عناصر اضافية. HTML و JAVASCRIPT. اكواد javascript تفعيل اكواد javascript اختار نعم
وسجل ثم انشاء كود الاسم اي شئ اختار جميع صفحات وضع الكود الاتي
الكود:

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

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
وسجل واحفظ 
ومبروك


اضافة ايقونات FontAwesome بصندوق الرد  Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
زائر
زائر
avatar


اضافة ايقونات FontAwesome بصندوق الرد  Empty
مُساهمةموضوع: رد: اضافة ايقونات FontAwesome بصندوق الرد    اضافة ايقونات FontAwesome بصندوق الرد  Emptyالإثنين فبراير 20, 2017 11:37 pm

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

JoryAbdallah

انثى
السمك
عدد المساهمات : 126400
نقاط النشاط : 142117
السٌّمعَة : 3006
بلد العضو : اضافة ايقونات FontAwesome بصندوق الرد  Saudi-10
العمر : 35

اضافة ايقونات FontAwesome بصندوق الرد  Empty
مُساهمةموضوع: رد: اضافة ايقونات FontAwesome بصندوق الرد    اضافة ايقونات FontAwesome بصندوق الرد  Emptyالإثنين فبراير 20, 2017 11:55 pm

منور اخي العزيز ويسلمو على تقييم


اضافة ايقونات FontAwesome بصندوق الرد  Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
medoman2020
عضو 

medoman2020

ذكر
الميزان
عدد المساهمات : 23
نقاط النشاط : 47
السٌّمعَة : 1
بلد العضو : اضافة ايقونات FontAwesome بصندوق الرد  Egypt10
العمر : 27

اضافة ايقونات FontAwesome بصندوق الرد  Empty
مُساهمةموضوع: رد: اضافة ايقونات FontAwesome بصندوق الرد    اضافة ايقونات FontAwesome بصندوق الرد  Emptyالإثنين نوفمبر 27, 2017 5:19 am

شكرااا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://shbabi-k.yoo7.com/
Derraz Boujemaa
عضو ذهبي 

Derraz Boujemaa

ذكر
عدد المساهمات : 3399
نقاط النشاط : 6145
السٌّمعَة : 121
بلد العضو : اضافة ايقونات FontAwesome بصندوق الرد  Morocc10

اضافة ايقونات FontAwesome بصندوق الرد  Empty
مُساهمةموضوع: رد: اضافة ايقونات FontAwesome بصندوق الرد    اضافة ايقونات FontAwesome بصندوق الرد  Emptyالإثنين ديسمبر 11, 2017 2:48 pm

يعطيك العافيه طرح رائع وانت دائما رائع في طرحك .
أنتظر جديدك بكل الشوق والود ,,,
تقبل مروري المتواضع


اضافة ايقونات FontAwesome بصندوق الرد  OhiHHcI
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Picasso-Des
سوبر الإبداع 

Picasso-Des

ذكر
الجدي
عدد المساهمات : 10775
نقاط النشاط : 11119
السٌّمعَة : 136
بلد العضو : اضافة ايقونات FontAwesome بصندوق الرد  Ioao10
العمر : 37

اضافة ايقونات FontAwesome بصندوق الرد  Empty
مُساهمةموضوع: رد: اضافة ايقونات FontAwesome بصندوق الرد    اضافة ايقونات FontAwesome بصندوق الرد  Emptyالسبت يونيو 16, 2018 11:34 pm

يعطيكم العافية على الطرح اضافة ايقونات FontAwesome بصندوق الرد  837876428
كل الاحترام اضافة ايقونات FontAwesome بصندوق الرد  433646733
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://medialive.pro
مصطفى ستيتان
عضو محترف 

مصطفى ستيتان

ذكر
عدد المساهمات : 1130
نقاط النشاط : 1203
السٌّمعَة : 11
بلد العضو : اضافة ايقونات FontAwesome بصندوق الرد  Ioao10

اضافة ايقونات FontAwesome بصندوق الرد  Empty
مُساهمةموضوع: رد: اضافة ايقونات FontAwesome بصندوق الرد    اضافة ايقونات FontAwesome بصندوق الرد  Emptyالإثنين يوليو 23, 2018 9:46 am

   جزاكم الله خيراً  
 وردة حمراء وردة حمراء وردة حمراء وردة حمراء 


سبحان الله والحمدلله ولا إله إلا الله 
 
اضافة ايقونات FontAwesome بصندوق الرد  Do
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.elmanal.com
 
اضافة ايقونات FontAwesome بصندوق الرد
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الابداع العربي ::  تقنيات احلى منتدى ::  تقنيات أحلى منتدى :: التقنيات المتقدمة-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى الإبداع العربي 2020