VANITY SKINS

Fully Featured & Customizable Free Forums
InvisionFree - Free Forum Hosting
Welcome to Vanityskins. We hope you enjoy your visit.


You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Name:   Password:


 

 Christmas
vanity
Posted: Dec 19 2010, 10:11 PM


Administrator


Group: Admin
Posts: 75
Member No.: 1
Joined: 3-October 10



user posted image


STATIC VERSION


Forum remains static in relation to background when browser window is widened.

HEADER & BODY

CODE
<div id="shrinkwrap">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>


FOOTER

CODE
</div>

<center><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/au/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/80x15.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/au/" style="color:#000">Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Australia License</a>.</center>


CSS

CODE
Body {
background-image:url(http://fc09.deviantart.net/fs70/f/2010/353/4/3/christmas_paper_2_by_storytellinggirl-d357jd8.jpg);
background-repeat:repeat-x;
background-color:#441111;
font-family: Helvetica, Tahoma, sans-serif;
color: #000;
width:1110px;
}


#shrinkwrap {
margin-top:130px;
margin-bottom:50px;
margin-right:150px;
margin-left:150px;
padding-left:30px;
padding-right:30px;
padding-top:30px;
padding-bottom:10px;
background:#94c37a;
-moz-border-radius: 100px;
border-radius: 100px;
border: 10px solid #648c45;
}

a:link, a:visited, a:active { text-decoration:none; color: #441111 }
a:hover { color: #441111; text-decoration:underline;}

Table, tr, td{
border:0px solid #000;
border-collapse: collapse;
padding: 3px;
}

.titlemedium, .pformstrip, #submenu, #userlinks{
background-color:#648c45;

.maintitle{
background-image:url(http://i51.tinypic.com/35aodah.jpg);
height:20px;
padding:10px;
}
Top
vanity
Posted: Dec 24 2010, 01:37 AM


Administrator


Group: Admin
Posts: 75
Member No.: 1
Joined: 3-October 10



FLUID VERSION


Forum will move across background when browser window is widened (remains in centre of browser).

HEADER & BODY

CODE
<center>
<div id="shrinkwrap">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>


FOOTER

CODE
</div>
</center>

<center><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/au/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/80x15.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/au/" style="color:#000">Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Australia License</a>.</center>


CSS

CODE
Body {
background-image:url(http://fc09.deviantart.net/fs70/f/2010/353/4/3/christmas_paper_2_by_storytellinggirl-d357jd8.jpg);
background-repeat:repeat-x;
background-color:#441111;
font-family: Helvetica, Tahoma, sans-serif;
color: #000;
}


#shrinkwrap {
margin-top:130px;
margin-bottom:50px;
padding-left:30px;
padding-right:30px;
padding-top:30px;
padding-bottom:10px;
background:#94c37a;
-moz-border-radius: 100px;
border-radius: 100px;
border: 10px solid #648c45;
width:800px;
text-align:left;
}

a:link, a:visited, a:active { text-decoration:none; color: #441111 }
a:hover { color: #441111; text-decoration:underline;}

Table, tr, td{
border:0px solid #000;
border-collapse: collapse;
padding: 3px;
}

.titlemedium, .pformstrip, #submenu, #userlinks{
background-color:#648c45;

.maintitle{
background-image:url(http://i51.tinypic.com/35aodah.jpg);
height:20px;
padding:10px;
}
Top
DealsFor.me - The best sales, coupons, and discounts for you

Topic Options



Hosted for free by InvisionFree* (Terms of Use: Updated 2/10/2010) | Powered by Invision Power Board v1.3 Final © 2003 IPS, Inc.
Page creation time: 0.1586 seconds | Archive