Go Skateboarding Day Top Corner Banner

With Go Skateboarding Day coming up on the 21st of this month. I wanted to do something to spread the word. So, you might notice in the Top Left and Right corners, I’ve put a Go Skateboarding Day banner there. If you have a website then, I would encourage you to use the simple CSS code below to add a Go Skateboarding Day corner banner to your site. Help spread the word. If you have any questions on how to put a banner on your site, then please leave me a message in the comments.

CSS Code

#topleft {
position: absolute;
left: 0;
top: 0;
display: block;
height: 125px;
width: 125px;
background: url(hgoskateleft.gif)no-repeat;
text-indent: -999em;
text-decoration: none;
}

#topright {
position: absolute;
right: 0;
top: 0;
display: block;
height: 125px;
width: 125px;
background: url(goskateright.gif) no-repeat;
text-indent: -999em;
text-decoration: none;
}

View the source code of this page to see the HTML and positioning for the code to display the Top corner on your page.

Click on the links below for the images or make your own

goskateleft.gif
goskateright.gif
goskateleft.png
goskateright.png

technorati tags: , , , ,

6 Responses to “Go Skateboarding Day Top Corner Banner”

  1. neat idea, but instead of “Top Left/Right Link Text” I would recommend setting it to: “Go Skateboarding Day” for improved search engine results.

  2. Good idea “huphtur”

  3. done

  4. Nice. Do you have a PNG of it? So it works on dark backgrounds?

  5. I don’t have a PNG, but I’ll make one when I get a little time later on today.

  6. Awesome, transparent please, so it can go over anything.

Leave a Reply