Glass

Website Templates / 3+ Columns

Designer's Comments

Look carefully for specific instructions

I really like this.

CODE by coutour-robots

DON"T REMOVE CREDITS.

Please comment if you take.

luv
llb

Layout Code

Copy and paste to Template HTML

Help

<HTML>
<head>
<title>GLASS IS PRETTY [SITE NAME]</title>

b, strong {
font-weight: strong; 
font-size: 10px;
text-transform: uppercase;   
font-family: arial;
color: #EE438C;}
 
i, italics {
font-weight: normal; 
text-transform: none;   
color: #A04CE1;}

s, strike {
text-transform: none; 
font-style: strike;
color: #37D0E3;}
  
u, underline {  
font-weight: normal;  
text-transform: uppercase; 
color: #1a1a1a;
border-bottom: 1px solid #D9EE73;}

A:link , A:visited , A:active {
text-transform: uppercase;
font-family: small fonts;   
font-size: 8px;   
text-decoration: none;
font-weight: normal;  
font-style: none;
color: #5CACEE;}
    
a:hover {
text-transform: uppercase;
color: #7D26CD;  
font-family: small fonts;   
font-size: 8px;  
text-decoration: none;
font-weight: normal;  
font-style: none;}

.head {
font-size: 18px;
font-family: century gothic;
line-height: 20px;
letter-spacing: 0px;
text-transform: uppercase;
text-align: center;
color: #FFD700;}

.sidebar {
font-size: 13px;
font-family: century gothic;
line-height: 15px;
letter-spacing: 0px;
text-transform: uppercase;
text-align: left;
color: #1a1a1a;
border-bottom: 1px solid #33C2D4;}

.text {
background-color: #DCDCDC;
text-align: justify;
padding: 2px;}

.sidetext {
background-color: #EEEEEE;
text-align: justify;
padding: 2px;}

body {
background-color: #EEEEEE;
cursor: normal;
background-image: url("");
background-repeat: repeat-y;
background-position: top left;}

</style>
</head>

<div class="head">The Glass Shimmered and Glistened</div>
<div class="text">
<center>
<i>Italics</i> <b>Bold</b> <s>Stike</s> <u>Underline </u>  <a href=""> link </a><br><Br></center>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce tincidunt iaculis ante. Nulla eros nibh, varius ut, vestibulum in, tincidunt eget, turpis. Curabitur nisl magna, aliquet aliquam, rhoncus in, gravida a, ante. Vestibulum nisi. Vivamus semper, elit vitae condimentum consequat, felis diam interdum nulla, vulputate tempor nibh erat sit amet massa. Quisque faucibus dui sed enim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas semper ipsum eu dui. Vivamus scelerisque urna placerat risus. Sed dignissim luctus velit. Duis adipiscing venenatis ipsum. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec dignissim eros vitae leo.

</div>

<div class="head">As my fingers glided through them</div>
<div class="text">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce tincidunt iaculis ante. Nulla eros nibh, varius ut, vestibulum in, tincidunt eget, turpis. Curabitur nisl magna, aliquet aliquam, rhoncus in, gravida a, ante. Vestibulum nisi. Vivamus semper, elit vitae condimentum consequat, felis diam interdum nulla, vulputate tempor nibh erat sit amet massa. Quisque faucibus dui sed enim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas semper ipsum eu dui. Vivamus scelerisque urna placerat risus. Sed dignissim luctus velit. Duis adipiscing venenatis ipsum. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec dignissim eros vitae leo.

</div>

<div class="head">They ting and clang and sing along</div>
<div class="text">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce tincidunt iaculis ante. Nulla eros nibh, varius ut, vestibulum in, tincidunt eget, turpis. Curabitur nisl magna, aliquet aliquam, rhoncus in, gravida a, ante. Vestibulum nisi. Vivamus semper, elit vitae condimentum consequat, felis diam interdum nulla, vulputate tempor nibh erat sit amet massa. Quisque faucibus dui sed enim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas semper ipsum eu dui. Vivamus scelerisque urna placerat risus. Sed dignissim luctus velit. Duis adipiscing venenatis ipsum. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec dignissim eros vitae leo.

</div>

<div class="head">The Glass is pretty as sings</div>
<div class="text">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce tincidunt iaculis ante. Nulla eros nibh, varius ut, vestibulum in, tincidunt eget, turpis. Curabitur nisl magna, aliquet aliquam, rhoncus in, gravida a, ante. Vestibulum nisi. Vivamus semper, elit vitae condimentum consequat, felis diam interdum nulla, vulputate tempor nibh erat sit amet massa. Quisque faucibus dui sed enim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas semper ipsum eu dui. Vivamus scelerisque urna placerat risus. Sed dignissim luctus velit. Duis adipiscing venenatis ipsum. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec dignissim eros vitae leo.

</div>

<div class="sidebar">Navigation</div>
<div class="sidetext">
<center>
<a href="///">HOME</a>
<a href="///">Name</a>
<a href="///">Name</a>
<a href="///">Name</a>
<a href="///">Name</a>
<a href="///">Name</a>
<a href="///">Name</a>
<a href="///">Name</a>
<a href="///">Name</a>
<a href="///">Name</a>
<a href="///">Name</a>
<a href="///">Name</a>
<a href="///">Name</a>
<a href="///">Name</a>
<a href="///">Name</a>

</center>
</div>

<div class="sidebar">Credits</div>
<div class="sidetext">
<center>
Site : <a href="">YOUR NAME HERE</a> <br>
Layout: <a href="http://www.coutour-robots.radio-rocket.net/">coutour-robots</a> <br>
Image : <a href="http://ladylblack.createblog.com">LadyLblack</a> <br>
Brushes : <a href="http://www.brusheezy.com/">Brusheezy</a> <br> 
Colour Codes : <a href="http://www.december.com/html/spec/color.html">Hex Hub</a></center>
</div>
</div>

<div class="sidebar">About Me</div>
<div class="sidetext">
<b>Name:</b>Info<br>
<b>Sign:</b>Info<br>
<b>Alias:</b>Info <br>
<b>D.O.B:</b>Info<br>
<b>School:</b>Info<br>
<b>Status:</b>Info<br>
<b>I Like About me?:</b>Info<br>
<center>

</center>
</div>

<div class="sidebar">Site Update</div>
<div class="sidetext">
<b>Date:</b>Info<br>
<b>Date:</b>Info<br>
<b>Date:</b>Info<br>
<b>Date:</b>Info<br>
<b>Date:</b>Info<br>
<b>Date:</b>Info<br>
<b>Date:</b>Info<br>
<b>Date:</b>Info<br>
<b>Date:</b>Info<br>
<b>Date:</b>Info<br>
<b>Date:</b>Info<br>
<b>Date:</b>Info<br>
<b>Date:</b>Info<br>
<b>Date:</b>Info<br>
<b>Date:</b>Info<br>
<b>Date:</b>Info<br>
<b>Date:</b>Info<br>
<b>Date:</b>Info<br>
<center>

</div>
</div>

Layout Comments

Showing latest 10 of 11 comments

using this for my fan site, it's here in case you want to see it. I switched a few things though, hopefully you don't mind that. Let me know :)

http://playitagainnaisy. com/

By SuperJace on Mar 9, 2009 11:21 am

Idk wat the hell is pcd. for all i care it could be Pussy Cat Dolls. but i asume that its not. but i think that this layout is really preety and looks better than the one i used like 6 weeks ago.

By koobecaf on Feb 13, 2009 2:21 pm

:|

I'm sorry, but I am pretty sure that you've stolen my CSS. Please contact me back.

By coutour-robots on Feb 11, 2009 6:35 pm