Hiding links on the page

link camouflageIt often happens that we want a link on our site (eg admin pages) was not visible to all while being in a public place. Of course you can always throw this type of link in the browser bar, but on a few pages can be a problem with it. In WordPress default “Meta” widget is horrible with a bunch of unnecessary links, it would be to replace it with something equally functional but less conspicuous. There are many ways to solve it, one of them is to hide the embedded link to the page via JavaScript

 onmouseover = "doOnMouseOver ();

which will trigger the function, for example, an attribute that sets the visibility of the object (or attribute z-index).

A similar solution is to use CSS to set the link color same as the color of the background (we can only change a: hover.)

But there is a way to hide the link:

Our reference in this case would be “transparent” box set permanently in the corner.

Example code:


<div>
<a href="http://www.your-domain.pl/wp-login.php">

<div style="width: 100px; height: 100px; "> </div>

</a>

</div>

and css:


. Wp_skyscraper_c2 {

height: 100px;
position: fixed;
right: 0;
top: 0;
width: 100px;

}

This approach has some advantages:

* Large surface of link area
* “Invisible”
* Always in the same place
* Possible to use on multiple sites regardless of the graphics and settings

I will add that if you use a WordPress engine you can quickly build a skyscraper using WP plugin. Plugin allows  basic configuration and need only add content that should appear in the box:


<a href="http://www.your-domain.pl/wp-login.php">

<div style="width: 100px; height: 100px; "> </div>

</a> 
Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay
  • MySpace
  • PDF

Related Posts

  1. No comments yet.

  1. No trackbacks yet.

*

Founder:

Tylkow 2w2.pl w niskiej cenie, także z wysyłką, tusz HP 72 black+yellow / czarna matowa+żółta, HP C9384A. Zapraszamy. Tusz do HP Designjet T1100 mfp, Tusz HP 72 black+yellow / czarna matowa+żółta, HPwww.wizjasieci.pl