{"id":672,"date":"2002-09-09T22:21:24","date_gmt":"2002-09-10T06:21:24","guid":{"rendered":"http:\/\/michaelhans.com\/eclecticism\/2002\/09\/09\/font-tweaks-and-hiding-links\/"},"modified":"2019-11-27T13:45:38","modified_gmt":"2019-11-27T21:45:38","slug":"font-tweaks-and-hiding-links","status":"publish","type":"post","link":"https:\/\/michaelhans.com\/eclecticism\/2002\/09\/09\/font-tweaks-and-hiding-links\/","title":{"rendered":"Font tweaks and hiding links"},"content":{"rendered":"<div class='__iawmlf-post-loop-links' style='display:none;' data-iawmlf-post-links='[{&quot;id&quot;:7289,&quot;href&quot;:&quot;http:\\\/\\\/www.movabletype.org&quot;,&quot;archived_href&quot;:&quot;https:\\\/\\\/web-wp.archive.org\\\/web\\\/20260306004502\\\/https:\\\/\\\/movabletype.org\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2026-03-09 20:10:06&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-03-15 05:52:16&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-03-24 17:25:01&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-03-28 03:37:19&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-03-31 10:45:45&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-04-03 16:49:20&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-04-07 00:00:33&quot;,&quot;http_code&quot;:503},{&quot;date&quot;:&quot;2026-04-10 05:19:44&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-04-13 07:08:16&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-04-16 07:33:11&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-04-19 14:36:29&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-04-23 02:36:55&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-04-26 14:33:35&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-04-30 01:59:58&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-05-03 05:24:45&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-05-06 13:04:07&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-05-06 13:04:07&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:15895,&quot;href&quot;:&quot;http:\\\/\\\/www.davidgagne.net\\\/code\\\/archives\\\/004846.shtml&quot;,&quot;archived_href&quot;:&quot;https:\\\/\\\/web-wp.archive.org\\\/web\\\/20050213141213\\\/http:\\\/\\\/www.davidgagne.net:80\\\/code\\\/archives\\\/004846.shtml&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2026-03-14 01:02:21&quot;,&quot;http_code&quot;:404},{&quot;date&quot;:&quot;2026-04-08 07:57:35&quot;,&quot;http_code&quot;:404},{&quot;date&quot;:&quot;2026-04-16 07:33:10&quot;,&quot;http_code&quot;:404}],&quot;broken&quot;:true,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-04-16 07:33:10&quot;,&quot;http_code&quot;:404},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:15896,&quot;href&quot;:&quot;http:\\\/\\\/www.thegirliematters.com\\\/tips\\\/archives\\\/0209\\\/000432.shtml&quot;,&quot;archived_href&quot;:&quot;&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[],&quot;broken&quot;:false,&quot;last_checked&quot;:null,&quot;process&quot;:&quot;done&quot;}]'><\/div>\n<p>Just on the off chance that anyone visits my site tonight (the evening of Sep. 9th, possibly into the morning of Sep. 10th), no, the site normally doesn&#8217;t look quite this wonky. I&#8217;m working on adjusting my font stylesheet to be a bit more what I&#8217;ve got in mind &#8212; but things may be a bit odd in the meantime.<\/p>\n<p>Deal with it.<\/p>\n<p>;)<\/p>\n<p><ins>Update:<\/ins> All done now &#8212; now things look the way I wanted them to. And, of course, I&#8217;m playing with a few more tricks&#8230;<br \/>\n<!--more--><br \/>\nOne of the nice things about using a &#8216;content management&#8217; system such as <a href=\"http:\/\/www.movabletype.org\/\" title=\"Movable Type\">Movable Type<\/a> is that making changes to a post is very easy &#8212; just jump into MT, go to that post, and make whatever changes you want. That&#8217;s still a few steps, though. Why not simplify things a bit?<\/p>\n<p>Using and adapting some tricks I found while bouncing around today (David Gagne&#8217;s post on <a href=\"http:\/\/www.davidgagne.net\/code\/archives\/004846.shtml\" title=\"Works in Progress: Editing\">linking directly to the edit screen<\/a>, and The Girlie Matters&#8217; post on <a href=\"http:\/\/www.thegirliematters.com\/tips\/archives\/0209\/000432.shtml\" title=\"The Girlie Matters: Edit link for comments\">linking to the edit screen on comments<\/a>), plus a little CSS trickery, I now have some fairly well-hidden editing links for every post and every comment on my site.<\/p>\n<p>The links themselves were fairly easy using the code I got from David and Girlie. Hiding the links was the fun part. Sure, I realize that babbling about hidden links kind of defeats the purpose, but 1) without an admin password, it won&#8217;t do anyone any good anyway, and 2) this might help someone else out at some point.<\/p>\n<p>First off, I had to decide where to put the links. I figured I&#8217;d just turn the &#8216;ed&#8217; of &#8216;Posted&#8217; into the link &#8212; it&#8217;s gauranteed to be in the byline for every post and comment, and since &#8216;ed&#8217; is also the beginning of &#8216;edit&#8217;, it&#8217;ll be easy for me to remember. Just slapping the link in wouldn&#8217;t work, though, as I&#8217;d end up with the &#8216;ed&#8217; of &#8216;Posted&#8217; displaying in bright blue and underlined, just like every other link on the site. A simple class declaration took care of that, though. The edit links are defined as <code>class=\"hidelink\"<\/code>, and &#8216;hidelink&#8217; is defined in my stylesheet as follows:<\/p>\n<pre><code>a.hidelink:link, a.hidelink:visited, a.hidelink:hover, a.hidelink:active {\n text-decoration: none;\n color: #888;\n cursor: text;\n }\n<\/code><\/pre>\n<p>Most of the lines should make sense, as they&#8217;re all fairly standard CSS commands. The <code>cursor: text;<\/code> declaration isn&#8217;t as widely used, though.<\/p>\n<p>Most people take this entirely for granted, but as you move your cursor over the various elements on websites, it changes to give you a very quick, obvious visual clue as to whether or not any action can be taken &#8212; the generic pointer most of the time, a &#8216;pointing finger&#8217; when something can be clicked, an &#8216;I-beam&#8217; cursor when text can be selected, and so on. CSS allows you to specify which cursor displays when you hover over certain elements if you so choose &#8212; for instance, I use the <code>cursor<\/code> declaration to show the &#8216;help&#8217; cursor when the pointer hovers over acronyms. Now, since I&#8217;m attempting to hide these &#8216;edit&#8217; links from people who don&#8217;t need to see them, I didn&#8217;t want the cursor changing to the &#8216;pointing finger&#8217;, so I use the <code>cursor: text;<\/code> declaration to keep the cursor displaying the same &#8216;I-beam&#8217; cursor that it does over normal text.<\/p>\n<p>So that takes care of the color, over\/underlining, and cursor visual clues to the existence of a link. However, there was one other clue that I wanted to take care of &#8212; the status bar display. By default, the status bar (the lower left area of the browser window) displays the target of the link that the pointer is hovering over. That was easily disabled by adding a simple <code>onmouseover=\"window.status=''; return true;\"<\/code> argument to the link itself to set the status area to blank (its normal state) when the link is moused over.<\/p>\n<p>And hey presto &#8212; a hidden link that I can use to jump directly into edit mode on any post or comment in my blog!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>And hey presto &#8212; a hidden link that I can use to jump directly into edit mode on any post or comment in my blog!<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2040],"tags":[812,65,25],"class_list":["post-672","post","type-post","status-publish","format-standard","hentry","category-blog","tag-movabletype","tag-technology","tag-website"],"_links":{"self":[{"href":"https:\/\/michaelhans.com\/eclecticism\/wp-json\/wp\/v2\/posts\/672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/michaelhans.com\/eclecticism\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/michaelhans.com\/eclecticism\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/michaelhans.com\/eclecticism\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/michaelhans.com\/eclecticism\/wp-json\/wp\/v2\/comments?post=672"}],"version-history":[{"count":0,"href":"https:\/\/michaelhans.com\/eclecticism\/wp-json\/wp\/v2\/posts\/672\/revisions"}],"wp:attachment":[{"href":"https:\/\/michaelhans.com\/eclecticism\/wp-json\/wp\/v2\/media?parent=672"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/michaelhans.com\/eclecticism\/wp-json\/wp\/v2\/categories?post=672"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/michaelhans.com\/eclecticism\/wp-json\/wp\/v2\/tags?post=672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}