Gym Class Heroes

Designer's Comments

Look carefully for specific instructions

Please visit my site at HTTP://WWW.DISCOISDEAD.ORG.

Please remember if you this layout:

leave the credit on
comment in the c-box or below
do not claim anything as your own

Please feel free to e-mail me at contact[at]discoisdead[dot]org if you happen to have any questions.

*NOTE* I do not have a myspace so I don't know how to make myspace layouts. So please do not ask.

Layout Code

Copy and paste to Template HTML

Help

<HTML>
<head>
<title>GYM CLASS HEROES - discoisdead.org layouts</title>

/*********
 IMAGE AND CSS BY: ashley @ http://www.discoisdead.org
 SPECIAL CREDITS: indienotebook.livejournal.com, outspoken-kate.com, streetcarcircus.net, swimchick.net, last.fm/music/Gym+Class+Heroes
 QUESTIONS/CONTACT: contact@discoisdead.org
**********/

td, p, body, a {
color: #000000;
font-family: arial;
font-size: 7.5pt;
line-height: 7.5pt;
letter-spacing: 0px;
align: justify;}

b {color: #c84b30;
font-size: 6.5pt;
font-family: small fonts;
font-weight: bold;
font-variant: none;
letter-spacing: 0px;
text-decoration: none;
text-transform: uppercase;}

tt {
font-size: 6pt;
line-height: 5.5pt;
font-family: small fonts;
font-weight: normal;
font-variant: none;
letter-spacing: 0px;
text-decoration: none;
text-transform: uppercase;
background-color: none;
color: #6b6861;}

s {color: #ba364e;}

i {color: #0000000;
font-family: verdana;}

u {color: #a6ac23;}

textarea {
background: #E9DECE;
color: #d9302f;
border: 1px solid #d9302f;
font-family: verdana;
font-size: 7pt;
width:220px; 
height:25px;
overflow-x: hidden;}

a:link { 
text-decoration: none;
text-transform: uppercase; 
color: #69a463; 
letter-spacing: 1px; 
font-family:small fonts; 
font-size:6pt;
background-color: none;}

a:visited { 
text-decoration: none;
text-transform: uppercase; 
color: #69a463; 
letter-spacing: 1px; 
font-family: small fonts; 
font-size:6pt;
background-color: none;}

a:hover { 
text-decoration: none;
text-transform: uppercase; 
color: #69a463; 
letter-spacing: 1px; 
font-family: small fonts; 
font-size:6pt;
border-bottom: dotted #000000 1px;
background-color: none;}

.head {
font-size: 8px;
line-height: 8px;
font-family: verdana;
padding-left: 2px;
font-weight: bold;
font-variant: normal;
letter-spacing: 0px;
text-decoration: none;
text-transform: uppercase;
text-align: center;
background-color: #d9302f;
color: #f9f2e8;}

.text {
color: #000000;
font-size: 7.5pt;
line-height: 7.5pt;
font: arial;
background: #e9dece;
text-align: justify;
padding: 2px;}

.text2 {
color: #000000;
font-size: 7.5pt;
line-height: 7.5pt;
font: arial;
text-align: justify;
padding: 2px;}

body {
background-color: #f9f2e8;
cursor: regular;
background-image: url(http://cbimg6.com/layouts/10/07/36341ab.jpg); 
background-repeat: repeat;}

</style>
</head>

<div style="POSITION:absolute; TOP:0px; LEFT:415px"><img src="http://cbimg6.com/layouts/10/07/36341aa.png">
<div style="POSITION:absolute; OVERFLOW:yes; TOP:440px; LEFT:100px; width:230px; height:200px;">
<div class="head">All the lessons learned</div>
<div class="text">
<div align="right">
<tt>February 15th;; 3:51 PM</tt><br>

<tt>Dashboard Confessional;; Rapid Hope Loss</tt><br><br>
</div>

Yay! I been wanting to make a GCH layout for awhile now, and the best part is that this layout doesn't look like all the others! Pictures of them were really hard to find though, so I had to make due, I hope you like it!<br><br>

Feel free to use this layout with one rule in mind, no jocking. Because I would frown upon that, that I would. All you have to do is copy the code down there and tada! Your very own ga-ga premade!<br><br>

<b>I</b> <s>need</s> <a href="http://www.google.com/"target="_blank">direction</a> <u>to</u> <i>perfection</i>.<br><br>

</div>

<div class="head">she consumes me</div>
<div class="text">
<div align="right">
<tt>February 13th;; 3:51 AM</tt><br>
<tt>The Killers;; Leave The Bouron On The Shelf</tt><br><br>
</div>

This is another one of those super nifty blog type layouts so you have no worries about deleting old posts so you can just on writing in that handy dandy little notebook of yours for Blues Clues, or life stories you know either one works. You can talk about anything in these blog really; site updates, new happenings going on in your life, or crazy childhood stories. Just hopefully people read. Because it would be boring if they didn't.<br><br>

</div><br>

<div style="POSITION:absolute; OVERFLOW:yes; TOP:-60px; LEFT:260px; width:185px; height:200px;">
<div class="head">about</div>
<div class="text"><br>
<img src="PUT YOUR PHOTO LINK HERE" width="50" height="100" align="right">

Places. People. Things. Go here. Short, little sentences fit best. Your likes and dislikes. Name. Bold some things. Make some other things smaller. But don't go crazy with it. Or then it looks tacky. Don't forget bands. People you like. People you hate. Silly things you do. Adjectives that describe you. So on and so forth.<br><br>

<a href="http://www.myspace.com/YOUR USERNAME"target="_blank">/myspacenamehere</a><br>
youremail@mailme.com<br>
aim screen name here<br>
</div>

<div class="head">links</div>
<div class="text">
<br><div align="right">

<a href="http://www.whateverlink.com"target="blank">home</a><br>
<a href="http://www.whateverlink.com"target="blank">content</a><br>
<a href="http://www.whateverlink.com"target="blank">about</a><br><br>

<a href="http://z4.invisionfree.com/iWeirdette/index.php?act=idx"target="blank">iweirdette</a><br>
<a href="http://redcarpetrebellion.org"target="blank">rcr</a><br>

<a href="http://www.lemonend.net"target="blank">lemon end</a><br>
<a href="http://colour-theory.org/"target="blank">colour-theory</a><br>
<a href="http://www.megatokyo.com"target="blank">megatokyo</a><br>
<a href="http://www.thedreaming.nu/"target="blank">dreaming</a><br>
<a href="http://www.discoisdead.org"target="blank">the disco</a><br>

<div class="head">disclaimer</div>
<div class="text">

Designed by <a href="http://wwww.discoisdead.org"target="_blank">disco is dead</a> with help from <a href="http://www.discoisdead.org/site/credits.php"target="_blank">here</a>. No taking my things for walks, I will find you if you do.<br>

</div>

<div style="POSITION:absolute; OVERFLOW:yes; TOP:-375px; LEFT:-490px; width:210px; height:200px;">
<div class="text2">
best width - <b>150 px</b><br>
best height - <b>250 px</b><br><br>

Go <a href="http://www.cbox.ws/"target="_blank">here</a> if you don't have a comment box.<br><br>

<center>
<b>C-BOX COLORS</b><br><br>

<u>Post Frame</u><br>
Main BG: #<i>F9F2E8</i><br>

Main text: #<i>69A463</i><br>
Main date: #<i>A6AC23</i><br>
Alt. BG #<i>F9F2E8</i><br>
Alt text: #<i>A6AC23</i><br>
Alt. date: #<i>69A463</i><br>

<u>Form Frame</u><br>

Field BGs: #<i>E9DECE</i><br>
Button BG: #<i>E9DECE</i><br>
Form BG: #<i>F9F2E8</i><br>
Field text: #<i>6B6861</i><br>
Button text: #<i>000000</i><br>
Field borders: #<i>F9F2E8</i><br>

<u>Scrollbar</u><br>
Scroll BG: # <i>F9F2E8</i><br>
Track BG: # <i>F9F2E8</i><br>
Arrow: # <i>D9302F</i><br>
Border: # <i>A6AC23</i><br>

<u>Fonts</u><br>

Font: <i>small fonts</i><br>
Main: <i>7</i>pt<br>
Date: <i>6</i>pt<br>
Form: <i>7</i>pt<br>

<u>(Under Sample C-Box)</u><br>

Border: #<i>F9F2E8</i><br>
Link (active): #<i>D9302F</i><br>
Link (normal): #<i>D9302F</i><br><br>

</center>
</div><br>
</html>

Layout Comments

Showing latest 1 of 1 comments

I like this one. A Lot! I like the way the material is laid out on the page and the dashes of color. How do you keep everything so crisp and sharp like that? The images look so well preserved and the colors are sharp! What do you do to achieve that constant 'new' look of your layout?

By Butterface89 on Jul 27, 2010 11:05 am

Layout Details

Designer	didtech
Submitted on	Jul 2, 2010
Page views	3,717
Favorites	5
Comments	1
Reviewer	tokyo-rose
Approved on	Jul 6, 2010

Gym Class Heroes

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates