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.