Spread Opera : Corner ads 100x100 pix - We love Opera
By Ivan Minic. Thursday, 12. January 2006, 01:42:20
[img]http://my.opera.com/SerbianFighter/homes/cornerads/cornerred.gif
You can see it in action here
Insert this in your CSS code:
a#OperaUser {
position: absolute;
right: 0;
top: 0;
display: block;
height: 100px;
width: 100px;
background: url(http://my.opera.com/SerbianFighter/homes/cornerads/cornerred.gif) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}
Insert this just below BODY tag:
<a id="OperaUser" href="http://www.opera.com/">I use Opera!</a>
Blue icon:
[img]http://my.opera.com/SerbianFighter/homes/cornerads/cornerblue.gif
Insert this in your CSS code:
a#OperaUser {
position: absolute;
right: 0;
top: 0;
display: block;
height: 100px;
width: 100px;
background: url(http://my.opera.com/SerbianFighter/homes/cornerads/cornerblue.gif) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}
Insert this just below BODY tag:
<a id="OperaUser" href="http://www.opera.com/">I use Opera!</a>
Gray icon:
[img]http://my.opera.com/SerbianFighter/homes/cornerads/cornergray.gif
Insert this in your CSS code:
a#OperaUser {
position: absolute;
right: 0;
top: 0;
display: block;
height: 100px;
width: 100px;
background: url(http://my.opera.com/SerbianFighter/homes/cornerads/cornergray.gif) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}
Insert this just below BODY tag:
<a id="OperaUser" href="http://www.opera.com/">I use Opera!</a>
Green icon:
[img]http://my.opera.com/SerbianFighter/homes/cornerads/cornergreen.gif
Insert this in your CSS code:
a#OperaUser {
position: absolute;
right: 0;
top: 0;
display: block;
height: 100px;
width: 100px;
background: url(http://my.opera.com/SerbianFighter/homes/cornerads/cornergreen.gif) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}
Insert this just below BODY tag:
<a id="OperaUser" href="http://www.opera.com/">I use Opera!</a>
Orange icon:
[img]http://my.opera.com/SerbianFighter/homes/cornerads/cornerorange.gif
Insert this in your CSS code:
a#OperaUser {
position: absolute;
right: 0;
top: 0;
display: block;
height: 100px;
width: 100px;
background: url(http://my.opera.com/SerbianFighter/homes/cornerads/cornerorange.gif) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}
Insert this just below BODY tag:
<a id="OperaUser" href="http://www.opera.com/">I use Opera!</a>
White icon:
[img]http://my.opera.com/SerbianFighter/homes/cornerads/cornerwhite.gif
Insert this in your CSS code:
a#OperaUser {
position: absolute;
right: 0;
top: 0;
display: block;
height: 100px;
width: 100px;
background: url(http://my.opera.com/SerbianFighter/homes/cornerads/cornerwhite.gif) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}
Insert this just below BODY tag:
<a id="OperaUser" href="http://www.opera.com/">I use Opera!</a>















Jadd # 29. March 2006, 09:45
green_head # 14. April 2006, 14:18
bounheng # 29. April 2006, 07:39
Is it possible to add 2 css code in one blog?
burakbakay # 3. May 2006, 17:08