Cornet Adverts

[akulion]

Hi,

Can someone tell me of a script or how to display those diagonal image adverts one sees on many sites? Example: http://joomla.org/

They are displayed in either the Top Right or Left Corner of the page and can be set to scroll or not scroll with the page.

Thanks
aku

[A800]

Akulion, that can be done in two ways that i know of. The first one is by using an image, using the PNG format. The image has its background's transparency changed to 0%. The other is by the <a> tag & CSS, which is shown below.



<a id="corner" href="http://www.joomla.org/content/view/689/79/" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.joomla.org/templates/jw_joomla/images/joomla_donate.png',sizingMethod='scale');">Support Joomla!</a>


Viewing its source, that is how it is done.

And this is the CSS used for it:



a#corner {
position: absolute;
right: 0;
top: 0;
display: block;
height: 90px;
width: 100px;
background: url(../images/joomla_donate.png) top right no-repeat !important;
background: none;
text-indent: -999em;
text-decoration: none;
cursor: hand;
}


That's the entire coding for that corner problem.

I hope this helps.