To add Ribbon or image on the top corner of page ?

To add picture to the right top corner of the website — Just change the path below

<img border=”0″ id=”corner-ad” src=”http://example.com/path/image.jpg&quot; width=”222″ height=”111″ />
<style>
#corner-ad
{

display: block;

width: 222px;

height: 111px;

position: fixed;

top: -16px;

right: -70px;

-webkit-transform: rotate(45deg);

-moz-transform: rotate(45deg);

-o-transform: rotate(45deg);

}

#corner-ad
{

top: -80px\9;

right: -70px\9;

*right: -70px;

filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod=’auto expand’, M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);

-ms-filter: “progid:DXImageTransform.Microsoft.Matrix(SizingMethod=’auto expand’, M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)”;

zoom: 1;

}

</style>

Advertisements
Leave a comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: