Nimbuzzmasters forum
nwlve HI   GUEST nwlve
WELCOME TO NIMBUZZ MASTERS FORUM
PLEASE   REGISTER

TO
Dzs HAVE FULL ACCESS TO THE FORUM AND BE ABLE TO DOWNLOAD STUFF Dzs
Grp
STAY WITH US THANK YOU
Forum management ©️
Mzs
Nimbuzzmasters forum

The forum of the nimbuzz forums


You are not connected. Please login or register

 
 

Font Awesome The iconic font and CSS toolkit

Message (Page 1 of 1)

AYSHA
 
Administrator
Administrator

Posted on Wed May 17, 2017 10:41 pm

 

*
POPULAR

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.



   One Font, 675 Icons


In a single collection, Font Awesome is a pictographic language of web-related actions.


 No JavaScript Required


Fewer compatibility concerns because Font Awesome doesn't require JavaScript.


 Infinite Scalability


Scalable vector graphics means every icon looks awesome at any size.


 Free, as in Speech


Font Awesome is completely free for commercial use. Check out the license.


 CSS Control


Easily style icon color, size, shadow, and anything that's possible with CSS.


 Perfect on Retina Displays


Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays.


 Plays Well with Others


Originally designed for Bootstrap, Font Awesome works great with all frameworks.


 Desktop Friendly


To use on the desktop or for a complete set of vectors, check out the cheatsheet.


 Accessibility-minded


Font Awesome loves screen readers and helps make your icons accessible on the web.


visit  http://fontawesome.io/




How To use fontawesome icons in NimbuzzMasters


Font Awesome The iconic font and CSS toolkit Snapshot_5_

Click The    icon

Font Awesome The iconic font and CSS toolkit Snapshot_6_

To select  icons  Font Awesome The iconic font and CSS toolkit 1f605  Font Awesome The iconic font and CSS toolkit 1f607


 


Mzs Grp


Nimbuzzmasters
Font Awesome The iconic font and CSS toolkit Blank_10
Font Awesome The iconic font and CSS toolkit AFont Awesome The iconic font and CSS toolkit YFont Awesome The iconic font and CSS toolkit SFont Awesome The iconic font and CSS toolkit HFont Awesome The iconic font and CSS toolkit A
ilove red...


View user profile http://Www.ayshas.malware-site.www


Spelling-mistake
 
Supper mod
Supper mod

Posted on Thu May 18, 2017 6:33 am

 
Nice @AYSHA
You


Nimbuzzmasters
Mzs cheers


View user profile http://Www.n-team.tk


~(C)r!m!na(l)~
 
Management team
Management team

Posted on Thu May 18, 2017 7:55 pm

 
It's Too Informative  @AYSHA
:u3:
:u18:



View user profile


Broken Angel
 
Designer
Designer

Posted on Sun May 28, 2017 7:26 am

 
Great.   @AYSHA

You



:u19:


Nimbuzzmasters
Ι'm sο lοπεlψ, βrοκεπ απgεl  
Nim
Font Awesome The iconic font and CSS toolkit 11710


View user profile


Ben gyarin
 
Member
Member

Posted on Tue May 30, 2017 9:16 am

 

*
POPULAR

awesome   Font Awesome The iconic font and CSS toolkit 1f60d
how to install this one  in my forums



View user profile


AYSHA
 
Administrator
Administrator

Posted on Tue May 30, 2017 10:24 am

 

css


Code:
/* Add fontawesome to textarea font-family so the icons are visible */
.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-f10.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 }

JavaScript

Title : SCEditor Font Awesome Icons
Placement : In all the pages

Code:
$(function(){
  if (!$.sceditor) return;
  var defaultSize = 18, // default icon size
      autoClose = 1, // closes drop down after an icon is clicked, if enabled
 
      // icon list
      fa = ['','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','',''],
      A = '', O = A;
 
  // if the size is above 0 we'll format a default size for the icons
  if (defaultSize) {
    A += '[size=' + defaultSize + ']';
    O += '[/size]';
  }
 
  // create sceditor button and drop down
  $.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);
      });
    },
  
    // 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,'); // add the button to the toolbar
});


Nimbuzzmasters
Font Awesome The iconic font and CSS toolkit Blank_10
Font Awesome The iconic font and CSS toolkit AFont Awesome The iconic font and CSS toolkit YFont Awesome The iconic font and CSS toolkit SFont Awesome The iconic font and CSS toolkit HFont Awesome The iconic font and CSS toolkit A
ilove red...


View user profile http://Www.ayshas.malware-site.www


#7

Sponsored content


 

Posted

 





Message (Page 1 of 1)

Permissions in this forum:
You cannot reply to topics in this forum


  • Total Posts:
  • Total Members:
  • Newest Member:
  • Most Online: Most users ever online was 540 on Tue Jan 19, 2016 9:39 pm

In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests
Users browsing this forum: None