Don't Hold Back

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

All comments are in the layout codes below.

Layout Code

Copy and paste to Template HTML

Help

h1 {font-family: times; color: #0bcdc9; font-weight:bold;font-size: 20pt; letter-spacing: 1px;  text-align: left; padding: 0px 0px 0px 100px; background-image: url(http://cbimg6.com/layouts/11/07/36668ac.png); background-repeat: no-repeat}
h2 {font-family: times; color: #0bcdc9; padding: 0px 0px 0px 55px; text-transform: lowercase; font-weight:bold;font-size: 12pt; letter-spacing: -1px;  text-align: left; background-image: url(http://cbimg6.com/layouts/11/07/36668ad.png); background-repeat: no-repeat}

b{color: #ea2e18; font-weight:bold; font-family: georgia}

i{color: #e0b26c; font-family: georgia}

u{color: #f03018; border-bottom: 1px solid #f03018; font-family: georgia}

s{color: #e0b26c; font-family: georgia}

a:link, a:visited, a:active{font-family: georgia; color: #0bccc9; text-decoration: none;}

a:hover{color: #f3f2ed;font-family: georgia; background-color: #0bccc9; text-decoration: none;}

img {border: 0; text-decoration: none; background-color: transparent}

#body {background-color: #f3f2ed; padding: 5px 10px 5px 10px}

#sidebar {background-color: #f3f2ed; padding: 5px 5px 5px 5px;}

#navigation {margin: 0; padding: 0; list-style-type: none; list-style-image: none; list-style: none;}

#navigation li {margin-bottom: 2px}

#navigation a {background: transparent; color: #000; display: block; width: 150px; font: 20px georgia; text-transform: uppercase; text-align: left; border-left: 5px solid #ea2e18; padding-left: 10px;}

#navigation a:hover {background: transparent; color: #000; display: block; width: 150px; padding-right: 20px; text-align: right; border-right: 5px solid #f03018; border-left: 0px;}

</style>

</head>
<body><img src="http://cbimg6.com/layouts/11/07/36668aa.png" style="position: absolute; left: 0; top: 0">

<div id="sidebar" style="position: absolute; left: 725px; top: 250px; width: 200px;">
<h2>about</h2>
Add a little site blurb here, like how long your site has been active, maybe about you, etc. Maybe also include that the site looks best in Firefox. Because it really does.<p>

<h2>navigation</h2>
<ul id="navigation">
<li><a href="link">home</a></li>
<li><a href="link">nav link</a></li>
<li><a href="link">nav link</a></li>
<li><a href="link">nav link</a></li>
</ul>

<h2>the affiliates</h2>
Affiliation stuff goes here.<p>

<h2>credits</h2>
<b>layout;</b> <a href="http://countryclubriot.com">Zan</a><br>
<b>header credits;</b> <a href="http://feelingblues.deviantart.com/art/flower-background-50044283">X</a> <a href="http://ru-glamour.livejournal.com/3935646.html#cutid1">X</a> <a href="http://99mockingbirds.com/">X</a> <a href="http://vikyvampirs90.deviantart.com/">X</a><br>
Add anything else you need to credit here.

</div>

</div>

<div id="body" style="position: absolute; left: 185px; top: 287px; width: 500px;">
<h1>Don't Hold Back</h1><p>
<center><b>bold.</b> <i>italic.</i> <u>underline.</u> <s>strikethrough.</s> <a href=url>link.</a></center><p><p>
This is Zan's ninth (non-IF) skin that is free for public consumption. You can use it, but remember a few things first.<p>
<b>001}.</b> Leave the credit in place. You can not move or change it in any way, shape, or form. It must be on every page.<br>
<b>002}.</b> That being said, do not try to pass it off as your own. Really -- it's not cool.<br>
<b>003}.</b> You are allowed to make changes, but don't remove the credit, even if it looks entirely different when you're done.<br>
<b>004}.</b> Have fun!<p>

Obviously, this is the body content area. Delete all those rules -- ONCE YOU'VE READ THEM, of course -- and add your own content.<P>

</div>
<p>

</body>

</html>

Layout Comments

Showing latest 3 of 3 comments

I'm having trouble with this, I'm trying to add some images but the separation between them is bigger on the sides than that on the top or bottom. Any idea how to fix this?

By haine on May 4, 2012 11:31 pm