Sponsored Content
Top Forums Web Development New Font Awesome Icons in Quick Reply Editor Post 303027350 by Neo on Friday 14th of December 2018 12:06:18 AM
Old 12-14-2018
OK... I wrote the PHP code and was able to replace two more editor toolbar images with Font Awesome icons (getting round the issues with the original QRE plugin code). The main icon left to do is the "code tag" icon, but I'm not inclined to replace that one yet, since:
  1. it is not easy to find a replacement; and
  2. it is also embedded into may "info" and "hint" areas of the site.

Next, when I have time, I'll transfer and test the same icon changes for the "advanced " editor to make the icons consistent across various site editors.
This User Gave Thanks to Neo For This Post:
 

6 More Discussions You Might Find Interesting

1. What is on Your Mind?

New jQuery to view Post Icons in Editor

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?

New Icons Coming from Font Awesome

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?

Small bug in the Quick Editor function in postbit

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?

New Mobile Navbar Icons from Font Awesome

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?

Quick Update on UNIX.COM Site Renovation: Bootstrap, Font Awesome and jQuery

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?

New CODE and ICODE Editor Button Icons

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
MUGS(9.1)																 MUGS(9.1)

NAME
mugs - make face icons from pictures SYNOPSIS
mugs [ -a ] [ -1 ] [ -2 ] [ file ] DESCRIPTION
Mugs interactively converts grey-scale images in the form of picfile(9.6) into 48x48 icons. It is designed to run in a pipe, reading the picture from standard input unless a single file is given on the call. Mugs displays a large approximation to the original picture and a matrix of 48x48 icons of varying contrast and brightness. Button 1 selects one of the icons. Button 2 offers the menu entries: in Zoom in to a finer contrast/brightness range around the selected icon. Repeated ins will zoom in farther. out Opposite of in. reset Set the brightness/contrast range to the maximum. Both in and out preserve the brightness/contrast values in the selected icon. Button 3 presents a menu with entries: window Select a square window in the large picture using button 3. Touch down at the top and center of the square and slide around to adjust its size. Appropriately cropped icons will be displayed. depth Toggle between 1- and 2-bit deep icons. write Write the selected icon to standard output. Each write produces 48 lines of text suitable for initializing an array in C. 1-bit deep icons produce three shorts per line; 2-bit depths are written as three longs per line. abort Terminate mugs with a non-blank error return. finish Terminate with a null status return. Option -a indicates that picture files have non-square pixels with aspect ratio 1.25, as produced by some frame grabbers. Normally pixels are assumed to be square. -1 and -2 select the initial depth of the icons. -2 is default. SOURCE
/sys/src/cmd/mugs.c SEE ALSO
picfile(9.6) MUGS(9.1)
All times are GMT -4. The time now is 06:43 AM.
Unix & Linux Forums Content Copyright 1993-2022. All Rights Reserved.
Privacy Policy