|
|
Sponsored Content
Top Forums
Web Development
New Font Awesome Icons in Quick Reply Editor
Post 303027020 by Neo on Friday 7th of December 2018 06:10:18 AM
12-07-2018
Administrator
New Font Awesome Icons in Quick Reply Editor
Working on the Quick Reply Editor, I have replaced a number of icons (see image below) with Font Awesome Icons. Was planning to replace all of them, but for some reason, replacing a few of them causes the script / template to break (which is odd) so I left them for now.
The tooltips work better with Font Awesome than with images, so I hope to replace all of them at some point in time.
I'll probaly have to rewrite the PHP code for the custom icons like code, icode, and noparse tags to them them to work with Font Awesome.
The tooltips work better with Font Awesome than with images, so I hope to replace all of them at some point in time.
I'll probaly have to rewrite the PHP code for the custom icons like code, icode, and noparse tags to them them to work with Font Awesome.
|
|
6 More Discussions You Might Find Interesting
1. What is on Your Mind?
I was reformatting the "advanced" WYSIWYG editor with bootstrap css and while there made the post icons to be invisible by default; so if you click on the text below the editor:
Post Icons - Click to view the full list of message icons to add to your post:
... (0 Replies)
Discussion started by: Neo
0 Replies
2. What is on Your Mind?
Finally making some progress on getting rid of the 10 year old buttons with modern day fonts and icons thanks to a responsive web design tutorial by Brad Traversy who's video pointed me to Font Awesome.
The buttons and icons were pretty easy to implement but it too me a number of hours... (39 Replies)
Discussion started by: Neo
39 Replies
3. What is on Your Mind?
Hey,
There was a small bug in the Quick Editor function in postbit, but I fixed it (basically a double quote was missing from an element id):
<div id="post_message_$post" class="neo-message-area">$post</div>
Was
<div id="post_message_$post class="neo-message-area">$post</div>
Should... (1 Reply)
Discussion started by: Neo
1 Replies
4. What is on Your Mind?
Just changed the mobile site to use Font Awesome icons.
Here is the new top navbar view (unregistered users)
https://www.unix.com/members/1-albums214-picture903.jpeg (2 Replies)
Discussion started by: Neo
2 Replies
5. What is on Your Mind?
Here is an update on the site renovation:
After a lot of analysis and example programming, including testing out a number of Javascript framework and libraries, in the short term, we are getting the most bang-for-the-buck from these three basic, core tech areas:
Bootstrap (CSS and... (2 Replies)
Discussion started by: Neo
2 Replies
6. What is on Your Mind?
As promised, I have changed the CODE tag icon and the ICODE tag icon in our WYSIWYG editors to use Font Awesome.
CODE Tag = fa-code
ICODE Tag = fa-terminal
https://www.unix.com/members/1-albums215-picture966.png
The reason for this change is to continue our move toward Font Awesome... (4 Replies)
Discussion started by: Neo
4 Replies
LEARN ABOUT PHP
imagefontwidth
IMAGEFONTWIDTH(3) 1 IMAGEFONTWIDTH(3) imagefontwidth - Get font width SYNOPSIS
int imagefontwidth (int $font) DESCRIPTION
Returns the pixel width of a character in font. PARAMETERS
o $ font -Can be 1, 2, 3, 4, 5 for built-in fonts in latin2 encoding (where higher numbers corresponding to larger fonts) or any of your own font identifiers registered with imageloadfont(3). RETURN VALUES
Returns the pixel width of the font. EXAMPLES
Example #1 Using imagefontwidth(3) on built-in fonts <?php echo 'Font width: ' . imagefontwidth(4); ?> The above example will output something similar to: Font width: 8 Example #2 Using imagefontwidth(3) together with imageloadfont(3) <?php // Load a .gdf font $font = imageloadfont('anonymous.gdf'); echo 'Font width: ' . imagefontwidth($font); ?> The above example will output something similar to: Font width: 23 SEE ALSO
imagefontheight(3), imageloadfont(3). PHP Documentation Group IMAGEFONTWIDTH(3)