{"id":796,"date":"2013-06-10T01:44:04","date_gmt":"2013-06-09T23:44:04","guid":{"rendered":"https:\/\/www.npcglib.org\/~stathis\/blog\/?p=796"},"modified":"2013-10-19T15:00:06","modified_gmt":"2013-10-19T13:00:06","slug":"apache-tip-custom-css-for-your-server-status","status":"publish","type":"post","link":"https:\/\/www.npcglib.org\/~stathis\/blog\/2013\/06\/10\/apache-tip-custom-css-for-your-server-status\/","title":{"rendered":"apache tip: custom css for your server status"},"content":{"rendered":"

Currently, there isn’t a straight forward way to stylize the output of the Apache-generated server status. The server’s status is generated by the mod_status<\/a> module. I assume that this module is already loaded and its properly configured on your setup. The default location on most installations is \/server-status<\/code> on your web server. You should see a rather minimalistic web page with statistics about the resources consumed by the server when you visit it.<\/p>\n

If you would like to add your own touch to the Apache-generated server status output then one way to do it would be to manipulate the generated output to inject some CSS code. The simplest approach to do this is to use another Apache module mod_substitute<\/a>. This module is specifically designed for both simple and advanced substitution of generated html by the server before that is sent to the client.<\/p>\n

First, make sure that mod_substitute is loaded by your server:<\/p>\n

\r\n    apache2 -M | grep substitute\r\nor\r\n    httpd -M | grep substitute\r\n<\/pre>\n
If you see a line with substitute_module<\/code>, then you’re good to go. If not see the documentation of your OS vendor on how to install it. Next configure your web server to do the substitution:<\/p>\n
\r\n<Location \/server-status>\r\n\r\n   SetHandler server-status \r\n\r\n   # Add a line on the html head to include a CSS file, \r\n   # instead of writing your CSS code as a substitution string\r\n   AddOutputFilterByType SUBSTITUTE text\/html \r\n   Substitute 's|<\/head>|<style type=\"text\/css\">@import \"\/status.css\"<\/style><\/head>|'<\/font>\r\n\r\n<\/Location>\r\n<\/pre>\n
Remember to reload or restart your server after you make the relevant configuration changes, or you won’t see anything happening.<\/p>\n
You can now go to your server’s DocumentRoot and add a file named status.css<\/code> in which you may write whatever CSS code you want to style your server status with. To see the relevant tags used in the original output of the handler inspect the generated html and work in the CSS file only. Feel free to use my status.css<\/a> file to get started.<\/p>\n
Of course you can do more specific substitutions to add classes to various tags and use them to do more advanced styling.<\/p>\n
\"The<\/a>
The result of applying the custom CSS to Apache’s default server-status<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"
Currently, there isn’t a straight forward way to stylize the output of the Apache-generated server status. The server’s status is generated by the mod_status module. I assume that this module is already loaded and its properly configured on your setup. The default location on most installations is \/server-status on your web server. You should see […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[48],"tags":[49,56,57],"yoast_head":"\n\n\n\n\n\t\n\t\n\t\n