City Life!

Designer's Comments

Look carefully for specific instructions

+ 1st submitted template

+ ADD THE MYSPACE !!

RMS || Myspace || Submissions

Layout Code

Copy and paste to Template HTML

body	{
	background-color: #000000;
	background-image: url(http://cbimg9.com/layouts/08/07/29869aa.jpg);
	background-repeat: repeat-y;
	color: #73b745;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
	z-index: 1;
	}

/* ------ LAYOUT ------ */	
#header	{
	background-image: url(http://cbimg9.com/layouts/08/07/29869ab.jpg);
	width: 800px;
	height: 425px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 2;
	}

#content	{
	width: 450px;
	left: 130px;
	top: 360px;
	position: absolute;
	z-index: 3;
	}

#navigation	{
	width: 140px;
	left: 600px;
	top: 360px;
	position: absolute;
	z-index: 4;
	}

/* ------ TITLES & HEADLINES & FOOTER ------ */
h1	{
	color: #f000ff;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	background-color: #222221;
	}

.footer	{
	width: 100%;
	text-align: center;
	border-top: 1px solid #E3C1AE;
	padding-top: 5px;
	}
	
/* ------ TEXT FORMATIONS ------ */
b, strong	{
	color: #73b745;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}

i, em	{
	color: #73b745;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	}

u 	{
	color: #73b745;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 1px solid #E990B9;
	}

.special	{
	color: #73b745;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #E3C1AE;
	}
	
/* ------ LINKS & NAVIGATION ------ */
a:link, a:active, a:visited	{
	color: #73b745;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	}
	
a:hover	{
	color: #73b745;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	}
	
.menu, a.menu:link, a.menu:active, a.menu:visited	{
	color: #73b745;
	background-color: #101010;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	display: block; 
	line-height: 22px;
	text-align: left;
	}

a.menu:hover	{
	color: #73b745;
	background-color: #000000;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	display: block; 
	line-height: 22px;
	text-align: left;
	}

.number	{
	color: #795C73;
	}
	
/* ------ MISC ------ */
input, textarea, select	{
	background-color: #000000;
	border: 1px solid #795C73;
	color: #c0ff00;
	font-weight: bold;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	}
	
input:focus, textarea:focus, select:focus {
	background-color: #000000;
	border: 1px solid #795C73;
	color: #c0ff00;
	}

.input	{
	width: 200px;
	}
		
.button {
	border: 1px solid #795C73;
	background-color: #E3C1AE;
	color: #D06D89;
	font-weight: bold;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	letter-spacing: 1px;
	text-transform: uppercase;
	width: 100px;
	}
	
/* ------ NEWS SYSTEM ------ */
.news_table	{
	background-color: #E3C1AE;
	border: 1px solid #D06D89;
	color: #D06D89;
	text-align: justify;
	}

.news_title	{
	color: #795C73;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	margin-left: 10px;
	line-height: 16px;
	}

.news_icon	{
	background-color: #E3C1AE;
	border: 1px solid #D06D89;
	padding: 4px;
	margin: 0px 5px 5px 0px;
	text-align: center;
	width: 100px;
	float: left;
	align: center;
	}

.news_content	{
	color: #D06D89;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
	padding: 10px;
	margin: 7px;
	background-color: #F0DEBB;
	border: 1px solid #D06D89;
	}

.news_updates	{
	color: #D06D89;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
	padding: 10px;
	margin: 7px;
	background-color: #F0DEBB;
	border: 1px solid #D06D89;
	}

.news_author	{
	color: #D06D89;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
	padding: 10px;
	margin: 7px;
	background-color: #F0DEBB;
	border: 1px solid #D06D89;
	}
		
/* ------ CALENDAR ------ */
td.month	{
	color: #42662a;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	border: 1px solid #3f4b53;
	background-color: #9fb98d;
	}

td.week	{
	color: #42662a;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
	text-align: center;
	border: 1px solid #3f4b53;
	background-color: #bdd1b0;
	}

td.day	{
	color: #42662a;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	border: 1px solid #3f4b53;
	background-color: #d9fbc2;
	}

td.event	{
	color: #42662a;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	border: 1px solid #3f4b53;
	background-color: #d9fbc2;
	}</style>
    </head>
    <body>
        <div id="header" style="width: 792px; height: 336px"> </div>
        <div id="content" style="width: 450px; height: 45px">
        <h1>Blah blah..</h1>
        <p>Wriite your stuff here, you'll have to paste the code on every page of your site..</p>
        <p>Wriite your stuff here, you'll have to paste the code on every page of your site..</p>
        <p>Wriite your stuff here, you'll have to paste the code on every page of your site..</p>
        <p>Wriite your stuff here, you'll have to paste the code on every page of your site..</p>
        <p>Wriite your stuff here, you'll have to paste the code on every page of your site..</p>
        <p>Wriite your stuff here, you'll have to paste the code on every page of your site..</p>
        <p>Wriite your stuff here, you'll have to paste the code on every page of your site..</p>
        <p>Wriite your stuff here, you'll have to paste the code on every page of your site..</p>
        <p>Wriite your stuff here, you'll have to paste the code on every page of your site..</p>
        <p> </p>
        <p> </p>
        <p> </p>
        </div>
        <div id="navigation">
        <h1>navigation</h1>
        <p><a class="menu" target="_self" href="LINKHERE">lINK1</a><br />
        <a class="menu" target="_self" href="LINKHERE">LINK2</a></p>
        <p><a class="menu" target="_self" href="LINKHERE">LINK3</a></p>
        <p><a class="menu" target="_self" href="LINKHERE">LINK4</a></p>
        <p><a class="menu" target="_self" href="LINKHERE">LINK5</a></p>
        </div>
    </body>
</html>

Layout Comments

Showing latest 3 of 3 comments

nice very customizable lol

By michael551538 on Jul 30, 2008 10:54 pm

great banner.

By aaayotiffany on Jul 26, 2008 3:14 am

i really like this[:

By nikx618 on Jul 25, 2008 9:59 pm

Layout Details

Designer	RockmyScissors
Submitted on	Jul 23, 2008
Page views	6,336
Favorites	26
Comments	3
Reviewer	karmakiller
Approved on	Jul 25, 2008

City Life!

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates