VampireFreaks
[ Vampirefreaks.com ]



VFLayouts.com - Vampirefreakss Official Layout Site

Vampirefreaks Page Classes - Defaultpic



.Defaultpic (Main Picture)



.defaultpic



o Make It Disappear

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




o Borders

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

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

[ More Border Styles ]



o Image Filters

To apply a filter (changes on hover):

<style type="text/css">
a:link .defaultpic, a:visited .defaultpic { filter: fliph; }
a:hover .defaultpic { 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 defaultpic with code, just give it a width and/or height:

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

[ More Info ]



o Positioning

To move your defaultpic a little way left or right, you can use margins like this:

<style type="text/css">
.defaultpic { margin-left: 150px; }
</style>


You could use top or bottom margins to move it up or down too!

<style type="text/css">
.defaultpic { margin-top: 100px; }
</style>

If you want to float your thumbnails up beside the defaultpic, see [ this bit ].





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


Contact VFLayouts
[ Contact VFLayouts! ]