round, rounded, page, corners, image, script, background, dolor, pellentesque

Tricks script

Pop-up images on online links

Link Thumbnails

This is one uses only CSS cript based on the javascript version. When you describe a picture, you can use the link to display the picture. A picture says more than a thousand words

<style type="text/css">
#info p {margin-left:15px; margin-right:20px;}
#info {height:100px;}

a.screen, a.screen:visited {
color:#FF80C0;
position:relative;
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:70px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-51px;
}
a.screen:hover {
text-decoration:none;
border:0; /* needed for this to work in IE */
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:51px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500;
}
a.screen:hover b img {
border:0; /* remove the link border */
}
</style>

<div id="info">
 A <a class="screen" href="Your-site.jpg" title="landscape">picture<img src="Your-image.jpg?url=www.artme.se&w=70&h=51" alt="landscape"></a> says more than a thousand words</div>

Black and White Color Overlay.

You can chang the background to

» blue, green, orangered, darkolivegreen, gold, teal, red

CSS Borders

CSS with Border color

Double Border

Add a Shadow to the Picture

CSS Triple Border

CSS centered bordered box with image inside

Lorem ipsum
dolor sit amet Phasellus tellus penatibus mi ante montes ante elit nisl nibh eros nascetur libero Donec in semper Cum pellentesque In pede libero Phasellus nulla Praesent montes.

Resizable banner-Logo using CSS

ARTme - Art

Your Text Here

Inline Style transparent background