Sponsored Content
The Lounge What is on Your Mind? New Mobile Navbar Icons from Font Awesome Post 303022573 by Neo on Monday 3rd of September 2018 03:03:39 AM
Old 09-03-2018
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)


Image
 

5 More Discussions You Might Find Interesting

1. Post Here to Contact Site Administrators and Moderators

[GEOIP] New Welcome Message in Navbar

In case you have not noticed, we added GEOIP_COUNTRY_NAME in your navbar welcome message. So, you should see "Welcome from Your_Country, Member_Name" in your top navbar, just for fun :D (0 Replies)
Discussion started by: Neo
0 Replies

2. What is on Your Mind?

New UNIX.COM Mobile Site Icons

Having given up for the time being with a very difficult game engine project to virtualizing cyberspace, am working on the forums again. Just updated a few icons on the mobile site. Explanations in the picture captions: https://www.unix.com/members/1-albums214-picture855.jpeg ... (1 Reply)
Discussion started by: Neo
1 Replies

3. 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

4. Web Development

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. ... (6 Replies)
Discussion started by: Neo
6 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
htmlfix(3)							     EN Tools								htmlfix(3)

NAME
htmlfix - Fixup HTML markup code SYNOPSIS
htmlfix [-o outputfile] [-F fixes] [-S fixes] [-v] [inputfile] DESCRIPTION
The htmlfix program reads inputfile or from "stdin" and performs the following actions (name of each fixup is within parentheses): (imgsize) : Adding WIDTH and HEIGHT attributes to IMG tags For all "IMG" tags which don't already have both "WIDTH" and "HEIGHT" attributes (matched case insensitive), the size of the image (taken from the "SRC" attribute) is determined and the missing ``"width=X"'' and/or ``"height=Y"'' is added to the list of attributes. The intention is to speedup the layouting of the final webpage. Don't intermix this with a size checker: htmlfix will only add missing width/height attributes and don't adjust ones with wrong dimensions. This is because else the user wouln't be able to scale images (used a lot by webdesigners via 1pt dot-images). There is a special case: When the "WIDTH" or "HEIGHT" attribute already exists and has a value of ``"*"'' this asterisk is replaced by the physical value instead of appending a new attribute. Use when you want the attributes at a certain position, i.e. use this variant as a placeholder. HTMLfix supports one additionl feature in conjunction with "WIDTH" and "HEIGHT": "SCALE="factor and "SCALE="percent"%". This can be used to scale the given or determined width and height values by multiplying with factor or multiplying with percent/100. (imgalt) : Adding ALT attribute to IMG tags For all "IMG" tags which don't already have a "ALT" tag an "ALT=""" attribute is added. The intention is to both make HTML checkers like weblint(1) happy and to demystify the final webpage for lynx(1) users. (summary) : Adding SUMMARY attribute to TABLE tags This attribute helps non-visual rendering of tables by adding a hint on its contents, and it makes tidy(1) quiet. (center) : Changing proprietary CENTER tag to standard DIV tag All proprietary (Netscape) "CENTER" tags are replaced by the HTML 3.2 conforming construct ``"<DIV ALIGN=CENTER>"''. (space) : Fix trailing spaces in tags Appendix C of the XHTML Specification recommands putting a space before closing simple tags to help rendering by old browsers. This space is automatically added when this fixup is used. On the other hand, all spaces before a right-angle bracker are suppressed. (quotes) : Adding missing quotes for attributes All attributes of the form ``"...=xyz"'' are replaced by ``"...="xyz""''. Furthermore all (color) attributes of the form ``"...="XXYYZZ""'' (XX,YY,ZZ elements of set {0,..,9,a,..,f} are fixed to ``"...="#XXYYZZ""''. (indent) : Indenting paragraphs Paragraphs enclosed in "<indent [num=N] [size=S]>"..."</indent>" containers are indented by N*S spaces. When N=0 then the whitespace block in front of the paragraph is removed. Default is a 4 space indentation (N=1, S=4). (comment) : Out-commenting tags Sometimes it is useful to temporarily out-comment a tag instead of completely removing it. This can be done by just adding a sharp (``"#"'') character directly to the end of the tagname. The result is that the complete tag is commented out. For container-tags you have to comment out the end-tag explicitly, too. Example: ``<"a# href="..."">''. (tagcase) : Markup-code case-conversion Some people like their HTML markup code either to be all uppercase or all lowercase. This tag case-conversion is supported by the internal "<tagconv case=...>"..."</tagconv>" container tag from HTMLfix. Use "case=upper" to translate the HTML tags in its body to uppercase (default) or "case=lower" to translate them to lowercase. OPTIONS
-o outputfile This redirects the output to outputfile. Usually the output will be send to "stdout" if no such option is specified or outputfile is ""-"". -F fixes This option specifies which specifix fixups are performed. Its argument is a comma separated list of fixup names, and by default all fixups are performed. -S fixes This option does the inverse job, it skips specified fixups. -v This sets verbose mode where some processing information will be given on the console. AUTHORS
Ralf S. Engelschall rse@engelschall.com www.engelschall.com Denis Barbier barbier@engelschall.com EN Tools 2014-04-16 htmlfix(3)
All times are GMT -4. The time now is 07:24 AM.
Unix & Linux Forums Content Copyright 1993-2022. All Rights Reserved.
Privacy Policy