eeDirectory.com

funny and interesting stuff

  • Increase font size
  • Default font size
  • Decrease font size

Clickable background ads, clickable background css

Background image as a clickable link

The code bellow is as simple example of how to make div a clickable object. You will need to change paths and images your self in order for script to work.

Clickable background code

<html>
<head>
<style type="text/css">
#background {
  background: #fff url(images/background.png) no-repeat;
  height: 100%;
  width: 950px;
}
#background a {
  background: #fff url(images/background.png) no-repeat;
  display: block;
  height: 100%;
  width: 950px;
}
#background a span {
  visibility: hidden;
}
</style>
</head>
<body>
<a href="http://www.yoursite.com">Your site name</a>
</body>
</html>

Share this post

Submit Clickable background ads, clickable background css in Delicious Submit Clickable background ads, clickable background css in Digg Submit Clickable background ads, clickable background css in FaceBook Submit Clickable background ads, clickable background css in Google Bookmarks Submit Clickable background ads, clickable background css in Stumbleupon Submit Clickable background ads, clickable background css in Technorati Submit Clickable background ads, clickable background css in Twitter