Wormy

Designer's Comments

Look carefully for specific instructions

Umm... replace the urls with your own urls?

Don't remove the credit please...

Layout Code

Copy and paste to Template HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<body>

div.layout 
{position:absolute;
left:50%;
top:0px;
margin-left:-244px;
width:488px;}

div.content
{background-color:black;
position:absolute;
width:305px;
padding:4px;
color:yellowgreen;
font-size:10pt;
font-family:arial;
height:300px;
left:50%;
top:420px;
margin-left:-162px;}

div.updates
{position:absolute;
background-color:black;
width:130px;
padding:2px;
top:46px;
height:136px;
overflow:auto;
left:50%;
margin-left:90px;
color:orange; 
font-size:8pt;
font-family:arial;}

a:link, a:active, a:visited {color:white; text-transform:uppercase; text-decoration:none; font-size:8pt;}
a:hover {color:yellowgreen; text-decoration:none; text-transform:uppercase; font-size:8pt;}

p {margin-top:5px; margin-bottom:15px;}

h1 {color:white; margin-bottom:0px; margin-top:10px; font-size:14pt; font-family:century gothic; font-weight:400; height:16pt; line-height:16pt; valign:center; text-transform:uppercase; border-bottom:yellowgreen solid 1px; text-align:center;}
h2 {font-size:8pt; valign:center; background-color:yellowgreen; color:black; padding:1px; text-align:right; height:8pt; line-height:8pt; margin-top:0px; margin-bottom:4px; font-family:century gothic; font-weight:400;}
</style>

<div class="updates">
datehere: update update<br>
datehere: another update?<br>
datehere: this does scroll<br>
datehere: update <a href="url">here</a>
datehere: here's another update, there's a new template - <a href="http://pill-pop.net">
here</a> and a new DIV layout - <a href="http://pill-pop.net/content/divs.php">
here</a><br>
datehere: wonder if it's scrolling yet?
</div>

<div class="content">
<p align="center" style="margin-bottom:24px;"><a href="url">home</a>  <a href="url">site</a>  <a href="url">about</a>  <a href="url">content</a>  <a href="url">contact</a>  <a href="url">credits</a><br>
<img align="center" src="http://cbimg6.com/layouts/07/12/30/24255ab.png" /></p>
<h1>Welcome to *sitenamehere*</h1>
<p>Write about your site or whatever you want to put here :] This is cutenews 
compatible... but what template isn't? Most are...</p>
<p>Anyway, this layout/template is called wormy :] no idea why I wrote that - 
"Wormy by the stone" - I just mess about with shapes, and they look like 
something, and it looked to me like a worm by a stone... so that's why I wrote 
"Wormy by the stone" hahah x], pretty crap to be honest, but ah well.</p>
<h1>Layout credits</h1>
<p>All credit goes to <a href="mailto:joe@pill-pop.net">joe</a> @ <a href="http://pill-pop.net">
pill-pop.net</a></p>
<h1>This goes down forever</h1>
<p>Paragraphs go here... more and more... follow on :]</p>
<div style="margin-top:40px; text-align:center; color:#FFFFFF; font-size:8pt;">
all rights reserved - site name here - designed by pill-pop.net
</div>
</div>

</body>
</html>

Layout Comments

Showing latest 7 of 7 comments

this is cute, but kind of creepy.
i like how you made the worm glow.

By aaayotiffany on Mar 3, 2008 10:05 pm

EHTCH-OH-TEE.

By fanseesam on Dec 30, 2007 10:29 pm

Lol! it did start off being an alien. The shape of the head and what not, but then I made the stone, which was originally a coat, so I put the green line down to make it look lie an open coat... but it looks more like a worm now :]

By joespace on Dec 30, 2007 10:08 pm