Thursday, May 14, 2009

Page Corner Bend

I was looking online for an image that looked as if the corner of the page was bending.  I couldn't fine one, so I made one.

Here it is.  I hope it helps someone.  Just right click on the image and save to your computer.

Here is how I am using it:

.fillertext{
text-align:justify;
line-height:30px;
text-indent:1.5em; 
}

<div style="background:url('images/paperbend.png');  border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; background-position: top right; background-repeat: no-repeat;">
<div class="fillertext" style="padding-right:50px;">
Content
</div>
</div>

I like it with a greyish page.  It looke better on lighter colors.  I can send the PSD file you want to adjust to your liking.

No comments: