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>[/B]




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>[/B]




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>[/B]




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>[/B]




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>[/B]




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>[/B]

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

Comments

Jadd Wednesday, March 29, 2006 9:45:38 AM

I love this banner! love

green headgreen_head Friday, April 14, 2006 2:18:27 PM

me too wink

Bounheng SOUTHICHAKbounheng Saturday, April 29, 2006 7:39:22 AM

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

Burak Bakayburakbakay Wednesday, May 3, 2006 5:08:42 PM

nice

₣ıđø Ðıđø™faridfox Wednesday, November 17, 2010 1:11:07 AM

guys where can I find the body in my opera blog css?!
May 2013
S M T W T F S
April 2013June 2013
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 31