|Home | Web Design Tutorials | Free Graphics | Custom Graphics | Newsletter | Products | Specials | SEO | Sound Effects | Benefits | Login | View Cart|
Put a Frame Around Digital PhotosInstead of just posting a plain, frameless picture on your site, you can make a great custom frame for it without knowing a lick about creating graphics. By using a seamless background tile for the table background you can create a very nice, original frame that tickles your fancy—and I'll just bet your fancy likes to be tickled!
Look at the two pictures of me below. It's the same picture, but one has a table built around it using a seamless background. You'll find plenty of background choices in my free graphics section.
I know it will be hard to concentrate on which picture below looks best with such a handsome chap to distract you, but do try. So, which looks better, the picture with the frame, or the picture without?
Here's the code...
<table style="background-image: url(images/wood.jpg); width: 221px; height: 298px; border: 2px solid black;"> <tr><td style="text-align: center; vertical-align: middle;"> <img src="images/me.jpg" width="180" height="250" style="border-top: 2px solid #6C4A46; border-right: 1px solid #947C72; border-bottom: 1px solid #947C72; border-left: 2px solid #6C4A46;" /> </td></tr></table>
You can get even fancier with your framing techniques, play around and have fun with it.
Almost a NewsletterSubscribe today and get a free gift, The Science of Getting Rich. Learn more, or subcribe below:
Did you know...The member's site has about 100 standards compliant HTML and CSS tutorials, 31 handy reference charts, reprintable content, web graphics, exclusive fonts, free software, free ebooks and more? All this for less than 9 cents a day! [ Details ]
Home | Web Design Tutorials | Free Graphics | Newsletter | Products | Specials | SEO | Sound Effects | Press Room