VampireFreaks
[ Vampirefreaks.com ]



VFLayouts.com - Vampirefreakss Official Layout Site

Vampirefreaks Page Classes - Thumbnail



.Thumbnail (All Thumbnails)



.thumbnail



o Make Them Disappear

<style type="text/css">
.thumbnail { display: none; }
</style>




o Borders

To put a border around all your thumbs (changes on hover):

<style type="text/css">
a:link .thumbnail, a:visited .thumbnail { border: 2px solid red; }
a:hover .thumbnail { border: 2px dotted green; }
</style>

[ More Border Styles ]



o Image Filters

To apply a filter (changes on hover):

<style type="text/css">
a:link .thumbnail, a:visited .thumbnail { filter: fliph; }
a:hover .thumbnail { filter: flipv; }
</style>

Nb, filters only work in the IE browser, except for [ Opacity ] which is cross browser. [ More IE Filters ]



o Size

To resize your thumbnails with code, just give them a width and/or height:

<style type="text/css">
.thumbnail {
width: 50px;
height: 50px;
}
</style>

[ More Info ]



o Positioning

To create a bigger space between your thumbs, you can use margins like this:

<style type="text/css">
.thumbnail { margin: 10px; }
</style>

For more info, or how to float your thumbs up next to the defaultpic, [ go here ].





Design by [ KineticShock.com ] && [ PrintedExistence[dot]com ]
All content copyright © PrintedExistence 2006 - 2008


Contact VFLayouts
[ Contact VFLayouts! ]