Skip navigation.

My 0.02$ on Opera Community development

published by Ivan Minic

Spread Opera : Corner ads 100x100 pix - We love Opera

, ,

Darkred icon:

[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>

Suggestions: Possible abuse of resources...Spread Opera : Corner ads 100x100 pix - Try Opera

Comments

Jadd 29. March 2006, 09:45

I love this banner! :love:

green_head 14. April 2006, 14:18

me too :wink:

bounheng 29. April 2006, 07:39

I tried to do this but it didn't work.
Is it possible to add 2 css code in one blog?

burakbakay 3. May 2006, 17:08

nice
November 2009
S M T W T F S
October 2009December 2009
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30