Hyperlink icon specifications: improve article readability
|
1. What is the hyperlink icon specification ?<br />The hyperlink icon specification is modified and adjusted based on "Iconize Textlinks with CSS". The main purpose is to sort out some commonly used icons and integrate them into one picture to reduce the number of server requests for the picture. Through this CSS framework, an icon mark is added to the type of link file. Improve the readability of the article.  2. What file formats does the hyperlink icon specification support ?<br />Currently, link image icons are provided for 21 file formats. Including: doc, txt, zip, rar, exe, gif, jpg, bmp, pps, fla, swf, ttf, mov, avi, wmv, mp3, wmv, wav, rss, opml, xpi and other formats 3. How to use this CSS framework Place the background image bg.gif containing the icon in the images folder and import style.css into the page. If you change the background image storage address, you need to modify the background image address in CSS. 4. Download address https://www.jb51.net/files/soft/link-style.rar 5. Browser support <br />Unfortunately, IE6 cannot support this set of hyperlink icon specifications. Of course, support for it can be achieved through javascript. Currently, this set of hyperlink icon specifications only supports some commonly used file types, and many file types use the same icon. For example, avi, mov, wmv. I hope some UI expert can provide a set of copyrighted icons. We also hope that everyone will put forward their valuable suggestions to improve this set of hyperlink icon specifications. |
<<: A brief discussion on JS regular RegExp object
>>: SQL function to merge a field together
Recommend
In-depth analysis of why MySQL does not recommend using uuid or snowflake id as primary key
Preface: When designing a table in MySQL, MySQL o...
Detailed explanation of the top ten commonly used string functions in MySQL
Hello everyone! I am Mr. Tony who only talks abou...
Two ways to introduce svg icons in Vue
How to introduce svg icons in Vue Method 1 of int...
Implementation of element shuttle frame performance optimization
Table of contents background Solution New Questio...
How to enable Swoole Loader extension on Linux system virtual host
Special note: Only the Swoole extension is instal...
Detailed explanation of Mencached cache configuration based on Nginx
Introduction Memcached is a distributed caching s...
14 techniques for high-performance websites
Original : http://developer.yahoo.com/performance...
MySQL 8.0.18 uses clone plugin to rebuild MGR implementation
Assume that a node in the three-node MGR is abnor...
Detailed explanation of Vue custom instructions
Table of contents Vue custom directive Custom dir...
Detailed explanation of the Docker container lifecycle architecture and the differences between it and VM
Container lifecycle The life cycle of a container...
How to implement page screenshot function in JS
"Page screenshot" is a requirement ofte...
Use PS to create an xhtml+css website homepage in two minutes
There are too many articles about xhtml+css websi...
Detailed explanation of docker nginx container startup and mounting to local
First, the structure inside the nginx container: ...
Details of using Vue slot
Table of contents 1. Why use slots? 1.1 slot 1.2 ...
Example analysis of the principle and solution of MySQL sliding order problem
This article uses examples to explain the princip...