The Basics

Hello! I am Niki. I would like to go over the rules for using my layouts.

1. Keep the Credits, I worked on these hard, so please don't steal them.
2. Requests are currently closed, .
3. I usually use the color name instead of code, I just find it easier, don't you? But occasionally I do use the code, it just depends on which guide for colors I am using, some don't have names
4. Edit what you want, just keep the credits.
5. I am constantly trying to update it.
If you have complaint, suggestion, question or, just want to say you like it feel free to email me Niki, use the link above, and ask or tell me thanks! Also feel free just to neomail me about the layouts.

Updates

March 15, 2011
Ok so I have not been typing updates but I have been updating the site freqently to try and get it all set since it is on a new domain. I created an email account today just for Galindafied. I will try and update it too and check the email there as much as I can. I have been having fun with this lately trying to get all my old layouts updated. Here is the plan over the next few months. I am going to add alot of layouts that I have been using and making in class. I will add more pages to make it more convinte for everyone to browse the site. I also might change the layout and images some. It all depends on how much time I have beccause next week is spring break, then two weeks later I present my senior project before going off to a coferance, then the next week I am at another conferance. The end of the school year is fast approching, so I might not be able to do as much as I had hoped(I don't own dreamweaver it is at school[that is what I use to make these layouts, sort a kinda]). Also today is my bday!!! Have a good day, bye. March 10, 2011
No updates in a long time. But I finnally do own Galindafied.com. I am happy to own it and have been updating. Staying long after class at school. I have not been adding more layouts I have just been updating. I hope I can start updating more often. Noveber 8, 2010
First time this has happened in a while, two updates in one month, within like a week of each other :D. If any of you have actually manged to find this though I would be in shock. This is the new updated version of Galindafied with it's new home on the web. I have of course still linked to everywhere back on neo and that is where my buttons and everythign still link to but the page it's self is here for now and I am working even more on updating. I can work on this one more and I can actually do cooler effects.
November 3, 2010
I know I have not updated in forever. I have not been aloud on the home computer(and I havn't had time to get on it anyway) and the school computer has neo blocked because of games. I have started my web dessign, I am working on a new look for galindafied with a background of my own making. Also I removed the button from cooliozcoolz because it was not working, the image was not there anymore. Not much else I can really say.
September 21, 2010
It has really been almost a month since I last updated? O_o. I am sorry school and work have been crazy, I am tiered all the time, I have this week off so maybe I can try and do a few more updates. Requests are not open any longer, if I currently have a request pending I will try and get it done though. I have been learning more about videos then web in my class at the moment so it will still be a while before those kind of updates.
August 25, 2010
Wow, so long since updates...Well school has stared. I have been busy. I added one custom layout for a specific person, I have a guild request that is pending but it might take a bit longer because it is giving me issues. I am not sure what else to say. August 7, 2010
Plus one Affliate, and plus one place I am listed. I have been having fun at work...My legs hurt so bad. I work a double shift tomorrow so I am not sure if I will be on.
August 4, 2010
Hey there, added one place I am listed at today. Not much else. I am still not feeling well :( but I am starting to get back up to normal.
August 3, 2010
Hello. I didn't do much to the site today, added the links to three more places I got listed at. Work was ok. I am getting sick so it stinks. I don't want to get sick, I am still training, tomorrow will only be my second day of acctually work :( and I don't feel well.
August 2, 2010
Hey so sorry I have not been updating. At the moment I am trying to get listed at more places. I am half asleep and do not feel good which is very bad because I start work for the first time in a few hours. I found out I deffinatly got into my class to teach me more about web layouts! So whenever that unit starts I should be posting more complex layouts. I am excited it is almost time for school to start and I got a job! Umm not much else to say :D.
July 25, 2010
Hey everyone, I am back from my trip. I edited every layout today because of Neopets new rule involving links, so if you have gotten my layouts in the past please use this guide to fix it, basically you just need to put quotes around the links. If you get one after today it should be fine :D

July 22, 2010
I got one link back button added today. I also added the layout for Family ~~ The Green's ~~ Roleplay to pick up. I am going to my sister's tonight then leaving for camping early tomorrow morning so I don't think I will be able to get on again until sunday at the very earliest, like I said last weekend it depends on how tiered I am.

July 22, 2010
I added one new style of Pet Pages. I also added a banner thank you Band_Geek_Oboe_Freak. This is also the person I forgot their name the other day who made my relocated banner on my old site.

July 21, 2010
Sorry again for the not updating. I had a campout last night. I also recived one request yesterday for a layout that I will be starting tomorrow because I have to get off soon tonight. Also today is the OFFICAL OPENING of this link. I just posted the "Relocated" banner on the old site. Woot. Thank you to the person who made it who's name I am spacing on at the moment. Sorry. I will be camping this weekend so any requests I recive will be done tomorrow or friday if they are not done by then I promise to have them up next week. I still have a few new layouts I keep forgeting to copy from the pages I made them on and post.

July 19, 2010
Sorry, I have not been updating. I was on a retreat, IT WAS AWESOME! Not much to say about the layouts or the site today. Alright I will hopefully add another layout soon. I have one but I want to make sure it looks perfect before I put it on.

July 15, 2010
Wow I havn't updated for a few days...Any way I am revamping the site today, it has gone from one column to two now :D.

July 12, 2010
Sorry about no update yestereday, I was at church then a sleepover party. Today I added one button! Yay! I also got my review from Meepet Approved. I didn't do extermly great but I did better then at honestly at least :D. Well that is all for now. I am probably going to update the layout again.

July 10, 2010
Ok so today I dieced that I was going to back up and re-locate Galindafied layouts. Offically the spot has not been changed yet, but I thought I could start updates now. I am waiting to get my site reviewed by the ones I am on the waiting list for before I acctually move it. Today I added two buttons.

Page Layouts

Style #1

This layout is a 500 px column down the middle. It has an image back ground

Fire Works!

Click Here to Preview

a.nav:link, a.nav:visited, a.nav:active {
   font: 10px verdana;
   font-weight: bold;
   color: #FFFFFF;
   text-decoration: none;
   letter-spacing: 3px;
   text-transform: lowercase;
   background-color: black;
   display: block;
   text-align: left;
   margin: 4px;

}

#main {
   background: black;
   border: none;

}

body {
   background: black URL('http://images2.layoutsparks.com/1/181032/celebrate-fire-works-pretty.jpg') repeat;
}

h1 {
   width: 500px;
   font: 12px comic sans ms;
   color: #9900CC;
   text-align: right;
   letter-spacing: 3px;
   background-color: #FF0033;
   border-bottom: 0px;
}
h2 {
   width: 500px;
   font: 30px comic sans ms;
   color: #9900CC;
   text-align: right;
   letter-spacing: 3px;
   background-color: #FF0033;
   border-bottom: 0px;
}

.table {
   width: 500px;
   height: overflow;
   font: 12px comic sans ms;
   color: #990000;
   background-color: #FF3399;
   text-align: left;
   padding: 2px;
   margin: 0px;
   margin-bottom: 20px;
   border-top: 0px;
   border-bottom: 4px solid #CC66FF;
}

b {
   font: 12px verdana;
   font-weight:bold;
   color: #990066;
   text-transform: uppercase;
   letter-spacing: 1px;
}

i {
   font: 11px arial;
   font-weight: normal;
   font-style: italic;
   color: #CC66FF;
}

u {
   font: 14px verdana;
   font-weight: normal;
   letter-spacing: 2px;
   color: #CC99CC;
}

</style>
</head>

<body>

<center>
<h2>This is the Main Page Header</h2>
<div class="table">
<h1> This is the smaller header</h1>

</div>
</center>

<center>
<div class="table">
<h1> Credits</h1>
This Page was taken from <a   href="http://galindafied.com">Galindafied Layouts</a>

</div>
</center> </div>

</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Flower Power

Click Here to Preview

a.nav:link, a.nav:visited, a.nav:active {
   font: 10px verdana;
   font-weight: bold;
   color: white;
   text-decoration: none;
   letter-spacing: 3px;
   text-transform: lowercase;
   background-color: pink;
   display: block;
   text-align: left;
   margin: 4px;

}

#main {
   background: pink;
   border: none;

}

body {
   background: pink URL('http://freethumbs.dreamstime.com/263/big/free_2638129.jpg') repeat;
}

h1 {
   width: 500px;
   font: 12px comic sans ms;
   color: gold;
   text-align: right;
   letter-spacing: 3px;
   background-color: yellow;
   border-bottom: 0px;
}
h2 {
   width: 500px;
   font: 30px comic sans ms;
   color: orange;
   text-align: right;
   letter-spacing: 3px;
   background-color: pink;
   border-bottom: 0px;
}

.table {
   width: 500px;
   height: overflow;
   font: 12px comic sans ms;
   color: Magenta;
   background-color: lightyellow;
   text-align: left;
   padding: 2px;
   margin: 0px;
   margin-bottom: 20px;
   border-top: 0px;
   border-bottom: 4px solid #CC66FF;
}

b {
   font: 12px verdana;
   font-weight:bold;
   color: #990066;
   text-transform: uppercase;
   letter-spacing: 1px;
}

i {
   font: 11px arial;
   font-weight: normal;
   font-style: italic;
   color: #CC66FF;
}

u {
   font: 14px verdana;
   font-weight: normal;
   letter-spacing: 2px;
   color: #CC99CC;
}

</style>
</head>
<body>
<center>
</center>
<div id="tablearea">

<center>
<h2>This is the Main Page Header</h2>
<div class="table">
<h1> This is the smaller header</h1>

</div>
</center>

<center>
<div class="table">
<h1> Credits</h1>
This Page was gotten from <a   href="Galindafied.com">Galindafied Layouts</a>

</div>
</center> </div>

</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Calming Rainbow

Click Here to Preview

}

#main {
   background: pink;
   border: none;

}

body {
   background: pink URL('http://i61.photobucket.com/albums/h63/freecodesource/backgrounds/swirls/Rainbow_Background_by_Chibi_Violet.jpg') repeat;
}

h1 {
   width: 500px;
   font: 12px comic sans ms;
   color: blue;
   text-align: right;
   letter-spacing: 3px;
   background-color: lavender;
   border-bottom: 0px;
}
h2 {
   width: 500px;
   font: 30px comic sans ms;
   color: Black;
   text-align: right;
   letter-spacing: 3px;
   background-color: white;
   border-bottom: 0px;
}

b {
   font: 12px verdana;
   font-weight:bold;
   color: #990066;
   text-transform: uppercase;
   letter-spacing: 1px;
}

i {
   font: 11px arial;
   font-weight: normal;
   font-style: italic;
   color: #CC66FF;
}

u {
   font: 14px verdana;
   font-weight: normal;
   letter-spacing: 2px;
   color: #CC99CC;
}

</style>

</head>

<body>

<center>
<h2>This is the Main Page Header</h2>
<div class="table">
<h1> This is the smaller header</h1>

</div>
</center>

<center>
<div class="table">
<h1> Credits</h1>
This Page was gotten from <a   href="Galindafied.com">Galindafied Layouts</a>

</div>
</center> </div>
</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Horses

Click Here to Preview

a.nav:link, a.nav:visited, a.nav:active {
   font: 10px verdana;
   font-weight: bold;
   color: black;
   text-decoration: none;
   letter-spacing: 3px;
   text-transform: lowercase;
   background-color: black;
   display: block;
   text-align: left;
   margin: 4px;

}

#main {
   background: black;
   border: none;

}

body {
   background: white URL('http://www.studentsoftheworld.info/sites/animals/img/13951_horses-snow.jpg') fixed;
}

h1 {
   width: 500px;
   font: 12px comic sans ms;
   color: white;
   text-align: right;
   letter-spacing: 3px;
   background-color: black;
   border-bottom: 0px;
}
h2 {
   width: 500px;
   font: 30px comic sans ms;
   color: white;
   text-align: right;
   letter-spacing: 3px;
   background-color: black;
   border-bottom: 0px;
}

.table {
   width: 500px;
   height: overflow;
   font: 12px comic sans ms;
   color: Brown;
   background-color: White;
   text-align: left;
   padding: 2px;
   margin: 0px;
   margin-bottom: 20px;
   border-top: 0px;
   border-bottom: 4px solid brown;
}

b {
   font: 12px verdana;
   font-weight:bold;
   color: Brown;
   text-transform: uppercase;
   letter-spacing: 1px;
}

i {
   font: 11px arial;
   font-weight: normal;
   font-style: italic;
   color: Black;
}

u {
   font: 14px verdana;
   font-weight: normal;
   letter-spacing: 2px;
   color: brown;
}

</style>

</head>

<body>

<center>
<h2>This is the Main Page Header</h2>
<div class="table">
<h1> This is the smaller header</h1>

</div>
</center>

<center>
<div class="table">
<h1> Credits</h1>
This Page was gotten from <a   href="Galindafied.com">Galindafied Layouts</a>

</div>
</center> </div>
</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Style #2

Hearts!

Click Here to Preview

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hearts Layout from Galaindafied.com</title>
<style />
#header, #footer, hr {
   display: none;
}
a:link, a:active, a:visited {
   font: 10px comic sans Ms;
   color: DARKMAGENTA;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: italic;
   letter-spacing: 2px;
}
a:hover {
   color: white;
   text-transform: lowercase;
   letter-spacing: 5px;
}
#main {
   background: none;
   border: none;
}

#main {
   background: none;
   border: none;
}

body {
   background: pink URL(' http://www.wonderbackgrounds.com/heart/backgrounds/heart_background_a2.gif ') repeat;
}
body, font, td {
   font: 14px comic sans MS;
   color: MEDIUMORCHID;
}

p, .medText {
   font: 14px Comic sans;
   color: MEDIUMORCHID;
}
h1 {
   font: 45px Mushu;
   color: HOTPINK;
   text-align: right;
   letter-spacing: 3px;
   background-color: MEDIUMPURPLE;
}
H2 {
   font: 40px Mushu;
   color: PINK;
   text-align:left;
   letter-spacing: 3px;
   background-color: ANTIQUEWHITE;
}
H3 {
   font: 40px Mushu;
   color: POWDERBLUE;
   text-align: center;
   letter-spacing: 3px;
   background-color: ANTIQUEWHITE;
}
H4 {
   font: 40px Mushu;
   color: thistle;
   text-align: right;
   letter-spacing: 3px;
   background-color: ANTIQUEWHITE;
}
H5 {
   font: 40px Mushu;
   color: TURQUOISE;
   text-align: Center;
   letter-spacing: 3px;
   background-color: ANTIQUEWHITE;
}

#tablearea {
   top: 100px;
   left: 500px;
   width: 600px;
}

.table {
   width: auto;
   height: overflow;
   font: 12px tahoma;
   color: PALEVIOLETRED;
   background-color:antiquewhite;
   text-align: center;
   padding: 2px;
   margin: 0px;
   margin-bottom: 20px;
}

</style>

</head>

<body>

<h1>Main Page Header </h1>
<div class=table>
<h2> Header 2</h2>
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text

<h3> Header 3</h3>
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text

<h4> Header Four</h4>

Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text

<h5> Credits</h5>
This Page was gotten from <a   href="Galindafied.com">Galindafied Layouts</a>
</div>
</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Purple Whirl

Click Here to Preview

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Purple Whirl Layout from Galindafied.com</title>
<style />
#header, #footer, hr {
   display: none;
}
a:link, a:active, a:visited {
   font: 10px comic sans Ms;
   color: plum;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: italic;
   letter-spacing: 2px;
}
a:hover {
   color: white;
   text-transform: lowercase;
   letter-spacing: 5px;
}
#main {
   background: none;
   border: none;
}

#main {
   background: none;
   border: none;
}

body {
   background: purple URL('http://www.backgroundsarchive.com/images/pub/2/2106kbqm5inc22.jpg') repeat;
}
body, font, td {
   font: 14px comic sans MS;
   color: MEDIUMORCHID;
}

p, .medText {
   font: 14px Comic sans;
   color: MEDIUMORCHID;
}
h1 {
   font: 45px Mushu;
   color: HOTPINK;
   text-align: right;
   letter-spacing: 3px;
   background-color: MEDIUMPURPLE;
}
H2 {
   font: 40px Mushu;
   color: DARKVIOLET;
   text-align:left;
   letter-spacing: 3px;
   background-color: ANTIQUEWHITE;
}
H3 {
   font: 40px Mushu;
   color: MEDIUMORCHID;
   text-align: center;
   letter-spacing: 3px;
   background-color: ANTIQUEWHITE;
}
H4 {
   font: 40px Mushu;
   color: thistle;
   text-align: right;
   letter-spacing: 3px;
   background-color: ANTIQUEWHITE;
}
H5 {
   font: 40px Mushu;
   color: MEDIUMSLATEBLUE;
   text-align: center;
   letter-spacing: 3px;
   background-color: ANTIQUEWHITE;
}

#tablearea {
   top: 100px;
   left: 500px;
   width: 600px;
}

.table {
   width: auto;
   height: overflow;
   font: 12px tahoma;
   color: purple;
   background-color:antiquewhite;
   text-align: center;
   padding: 2px;
   margin: 0px;
   margin-bottom: 20px;
}

</style>

</head>

<body>

<h4> Header Four</h4>

<h5> Credits</h5>
This Page was gotten from <a   href="Galindafied.com">Galindafied Layouts</a>
</div>
</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Sparkly Hearts

Click Here to Preview

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Sparkly Hearts Layout from Galindafied.com</title>
<style />
#header, #footer, hr {
   display: none;
}
a:link, a:active, a:visited {
   font: 10px comic sans Ms;
   color: DARKMAGENTA;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: italic;
   letter-spacing: 2px;
}
a:hover {
   color: white;
   text-transform: lowercase;
   letter-spacing: 5px;
}
#main {
   background: none;
   border: none;
}

#main {
   background: none;
   border: none;
}

body {
   background: pink URL(' http://www.zingerbugimages.com/backgrounds/pink_purple_and_blue_satin_love_bats.gif') repeat;
}
body, font, td {
   font: 14px comic sans MS;
   color: MEDIUMORCHID;
}

p, .medText {
   font: 14px Comic sans;
   color: MEDIUMORCHID;
}
h1 {
   font: 45px Mushu;
   color: MEDIUMPURPLE;
   text-align: right;
   letter-spacing: 3px;
   background-color: Black;
}
H2 {
   font: 40px Mushu;
   color: Blue;
   text-align:left;
   letter-spacing: 3px;
   background-color: ANTIQUEWHITE;
}
H3 {
   font: 40px Mushu;
   color: Mediumpurple;
   text-align: center;
   letter-spacing: 3px;
   background-color: ANTIQUEWHITE;
}
H4 {
   font: 40px Mushu;
   color: thistle;
   text-align: right;
   letter-spacing: 3px;
   background-color: ANTIQUEWHITE;
}
H5 {
   font: 40px Mushu;
   color: Purple;
   text-align: Center;
   letter-spacing: 3px;
   background-color: ANTIQUEWHITE;
}

#tablearea {
   top: 100px;
   left: 500px;
   width: 600px;
}

.table {
   width: 300;
   height: overflow;
   font: 12px tahoma;
   color: blue;
   background-color:antiquewhite;
   text-align: center;
   padding: 2px;
   margin: 0px;
   margin-bottom: 20px;
}

</style>

</head>

<body>
<div id="tablearea">
<h1>Main Page Header </h1>
<div class=table>
<h2> Header 2</h2>
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text

<h4> Header Four</h4>

<h5> Credits</h5>
This Page was gotten from <a   href="Galindafied.com">Galindafied Layouts</a>
</div>

</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Style #3

This layout is a lot like #2, only with solid backgrounds instead of pictures. Also it is skinnier

Citrus Fun

Click Here to Preview

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Citrus Fun Layout from Galindafied.com</title>
<style />
a:link, a:active, a:visited {
   font: 10px tahoma;
   color: Green;
   background-color: limegreen;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: underline;
   letter-spacing: 2px;
}
a.nav:link, a.nav:visited, a.nav:active {
   font: 10px verdana;
   font-weight: bold;
   color: orange;
   text-decoration: none;
   letter-spacing: 3px;
   text-transform: lowercase;
   background-color: Yellow;
   text-align: Right;
   width: 65px;
}

#main {
   background: none;
   border: none;
}

body {
   background: yellow;
}

#tablearea {
   top: 100px;
   left: 300px;
   width: 400px;

}
.table {
   width: auto;
   height: overflow;
   font: 12px tahoma;
   color: Green;
   background-color: Orange;
   text-align: left;
   padding: 2px;
   margin: 0px;
}
h1 {
   font: 30px comic sans ms;
   color: Yellow;
   text-align: right;
   letter-spacing: 3px;
   background-color: Orange;
}
h2 {
   font: 12px comic sans ms;
   color: Orange;
   text-align: right;
   letter-spacing: 3px;
   background-color: limegreen;
}h3 {
   font: 12px comic sans ms;
   color: Yellow;
   text-align: right;
   letter-spacing: 3px;
   background-color: limegreen;
}

</style>

</head>

<body>
<div id="tablearea">
  
  <h1>Page Header</h1>

<div class="table">
This is where you would type your text for the first section

<h2>second header</h2>

This is where you would type your text for the second section

<h3>third header</h3>
This is the text for the third section
</div>
<br><br>

<div class="table">
<h2> Credits</h2>
This Page was gotten from <a   href="Galindafied.com">Galindafied Layouts</a>

</div>
</div>

</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Berry Smoothie

Click Here to Preview

#main {
   background: none;
   border: none;
}

body {
   background: #9900FF;
}

#tablearea {
   top: 100px;
   left: 300px;
   width: 400px;

}
.table {
   width: auto;
   height: overflow;
   font: 12px tahoma;
   color: #990066;
   background-color: #FF0000;
   text-align: left;
   padding: 2px;
   margin: 0px;
}
h1 {
   font: 30px comic sans ms;
   color: #9900FF;
   text-align: right;
   letter-spacing: 3px;
   background-color: #FF0000;
}
h2 {
   font: 12px comic sans ms;
   color: #FF0000;
   text-align: right;
   letter-spacing: 3px;
   background-color: #FF00FF;
}h3 {
   font: 12px comic sans ms;
   color: #9900FF;
   text-align: right;
   letter-spacing: 3px;
   background-color: #FF00FF;
}

</style>

</head>

<body>
<div id="tablearea">
<h1>Page Header</h1>

<div class="table">
This is where you would type your text for the first section

<h2>second header</h2>

This is where you would type your text for the second section

<h3>third header</h3>
This is the text for the third section
<div class="table">
<h2> Credits</h2>
This Page was gotten from <a   href="Galindafied.com">Galindafied Layouts</a>
</div>
</div>

</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Style #4

These layouts are centered around sports. I decided that I was doing too many layouts that were girly and decided that I should do some boy ones too. So I made some sports ones, there are girls sports as well, but hey, I actually did some for guy characters.
The layout has a column on the left with pictures of some sports image in the back. The colors correlate with the sports, brown and white for football type of thing.

Football

Click Here to Preview

a:hover {
   color: chocolate;
   text-transform: lowercase;
   text-decoration: underline overline;
   letter-spacing: 5px;
   cursor: hand
}

#main {
   background: white;
   border: brown;
}

body {
   background: white URL('http://www.designedtoat.com/clipart3/football_04.gif') repeat;
}

body, font, td {
   font: 14px verdana;
   color: Brown;
}

#content {

top: 10px;
   left: 500px;
   width: 600px;
}

#tablearea {

top: 100px;
   left: 50px;
   width: 500px;
}
.table {
   width: 500px;
   height: overflow;
   font: 12px tahoma;
   color: Chocolate;
   background-color: White;
   text-align: left;
   padding: 2px;
   margin: 0px;
   margin-bottom: 20px;
   border-top: 2px solid Brown;
   border-bottom: 4px solid Chocolate;
}

h1 {
   font: 40px century gothic;
   color: Brown;
   text-align: right;
   letter-spacing: 3px;
   background-color: White;
   border-bottom: 4px solid chocolate;
}
</style>

</div>

</head>

<h1>header name</h1>
<div class="table">
La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here.
</div>

<h1>second header name</h1>
<div class="table">
La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here. La la la la. Text text text. Your text goes here.
</div>

<div class="table">
<h1> Credits</h1>
This Page was gotten from <a   href="Galindafied.com">Galindafied Layouts</a>
</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Soccer

Click Here to Preview

a:hover {
   color: Black;
   text-transform: lowercase;
   text-decoration: underline overline;
   letter-spacing: 5px;
   cursor: hand
}

#main {
   background: white;
   border: black;
}

body {
   background: white URL('http://icons.iconseeker.com/png/fullsize/sportset/soccer-ball.png') repeat;
}

body, font, td {
   font: 14px verdana;
   color: black;
}

#content {

top: 10px;
   left: 500px;
   width: 600px;
}

#tablearea {

top: 100px;
   left: 50px;
   width: 500px;
}
.table {
   width: 500px;
   height: overflow;
   font: 12px tahoma;
   color: black;
   background-color: White;
   text-align: left;
   padding: 2px;
   margin: 0px;
   margin-bottom: 20px;
   border-top: 2px solid Black;
   border-bottom: 4px solid black;
}

h1 {
   font: 40px century gothic;
   color: Black;
   text-align: right;
   letter-spacing: 3px;
   background-color: White;
   border-bottom: 4px solid black;
}
</style>

</head>

</div>
</div>
</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Baseball

Click Here to Preview

a:hover {
   color: tan;
   text-transform: lowercase;
   text-decoration: underline overline;
   letter-spacing: 5px;
   cursor: hand
}

#main {
   background: white;
   border: white;
}

body {
   background: white URL('http://www.clipartpal.com/_thumbs/baseball_color_tns.png') repeat;
}

body, font, td {
   font: 14px verdana;
   color: brown;
}

#content {

top: 10px;
   left: 500px;
   width: 600px;
}

#tablearea {

top: 100px;
   left: 50px;
   width: 500px;
}
.table {
   width: 500px;
   height: overflow;
   font: 12px tahoma;
   color: chocolate;
   background-color: White;
   text-align: left;
   padding: 2px;
   margin: 0px;
   margin-bottom: 20px;
   border-top: 2px solid tan;
   border-bottom: 4px solid brown;
}

h1 {
   font: 40px century gothic;
   color: tan;
   text-align: right;
   letter-spacing: 3px;
   background-color: White;
   border-bottom: 4px solid brown;
}
</style>

</head>

</div>
</div>
</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Basketball

Click Here to Preview

a:hover {
   color: orange;
   text-transform: lowercase;
   text-decoration: underline overline;
   letter-spacing: 5px;
   cursor: hand
}

#main {
   background: white;
   border: white;
}

body {
   background: white URL('http://www.odtaaimages.com/assets/images/basketball_clipart_ball.gif') repeat;
}

body, font, td {
   font: 14px verdana;
   color: brown;
}

#content {

top: 10px;
   left: 500px;
   width: 600px;
}

#tablearea {

top: 100px;
   left: 50px;
   width: 500px;
}
.table {
   width: 500px;
   height: overflow;
   font: 12px tahoma;
   color: Black;
   background-color: White;
   text-align: left;
   padding: 2px;
   margin: 0px;
   margin-bottom: 20px;
   border-top: 2px solid tan;
   border-bottom: 4px solid orange;
}

h1 {
   font: 40px century gothic;
   color: orange;
   text-align: right;
   letter-spacing: 3px;
   background-color: White;
   border-bottom: 4px solid black;
}
</style>

</head>

</div>

</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Ballet

Click Here to Preview

a:hover {
   color: pink;
   text-transform: lowercase;
   text-decoration: underline overline;
   letter-spacing: 5px;
   cursor: hand
}

#main {
   background: white;
   border: white;
}

body {
   background: white URL('http://comps.fotosearch.com/comp/FSC/FSC013/toe-shoes_~x25547967.jpg') repeat;
}

body, font, td {
   font: 14px verdana;
   color: Magenta;
}

#content {

top: 10px;
   left: 500px;
   width: 600px;
}

#tablearea {

top: 100px;
   left: 50px;
   width: 500px;
}
.table {
   width: 500px;
   height: overflow;
   font: 12px tahoma;
   color: magenta;
   background-color: White;
   text-align: left;
   padding: 2px;
   margin: 0px;
   margin-bottom: 20px;
   border-top: 2px solid tan;
   border-bottom: 4px solid pink;
}

h1 {
   font: 40px century gothic;
   color: pink;
   text-align: right;
   letter-spacing: 3px;
   background-color: White;
   border-bottom: 4px solid magenta;
}
</style>

</div>
</div>

</head>

<body>

</div>
<div class="table">
<h1> Credits</h1>
This Page was gotten from <a   href="Galindafied.com">Galindafied Layouts</a>

</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Layout #5

This is the first layout I tried with a stationary background. It is very pretty. I love it. There is one column along the left side.

Butterfly

Click Here to Preview

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Butterfly Layout from Galindafied.com</title>
<style />
a:link, a:active, a:visited {
   font: 10px Mushu;
   color: Lavender;
   background-color: none;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: underline;
   letter-spacing: 2px;
}
#main {
   background: none;
   border: none;
}

body {
   background: violet URL('http://images2.layoutsparks.com/1/119830/butterfly-life-violet-awesome.jpg') fixed;
}

body, font, td, p, .medText {
   font: 14px Lucida Console;
   color: Purple;
}
h1 {
   font: 20px Mushu;
   color: pink;
   text-align: center;
   letter-spacing: 3px;
   background-color: plum;
   border-bottom: 1px solid violet;
}

h2 {
   font: 30px Mushu;
   color: pink;
   text-align: center;
   letter-spacing: 3px;
   background-color: plum;
   border-bottom: 1px solid violet;
}

#tablearea {
   top: 100px;
   left: 500px;
   width: 500px;
}
.table {
   width: 500px;
   height: overflow;
   font: 14px Lucida Console;
   color: Purple;
   background-color: #9900FF;
   text-align: left;
   padding: 2px;
   margin: 0px;
   margin-bottom: 20px;
   border-top: 2px dashed pink;
   border-bottom: 4px dashed pink;
}

</style>

</head>

<body>

<div id="tablearea">
<h2>Main Page Header</h2>

<div class="table">
<h1>Table One</h1>
Text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text
</div>

<div class="table">
<h1>Table Two</h1>
Text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text
</div>

<div class="table">
<h1>Table Three</h1>
Text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text
</div>

<div class="table">
<h1>Credit</h1>
This page was gotten from
<a   href="Galindafied.com"> Galindfied Layouts</a>.
</div>

</div>
</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Water Fall

Click Here to Preview

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Waterfall Layout from Galindafied.com</title>
<style />
a:link, a:active, a:visited {
   font: 10px Mushu;
   color: Blue;
   background-color: none;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: underline;
   letter-spacing: 2px;
}
#main {
   background: none;
   border: none;
}

body {
   background: blue URL('http://static.travelblog.org/Wallpaper/pix/waterfall_desktop_background-1600x1200.jpg') fixed;
}

body, font, td, p, .medText {
   font: 14px Lucida Console;
   color: Brown;
}
h1 {
   font: 20px Mushu;
   color: brown;
   text-align: center;
   letter-spacing: 3px;
   background-color: skyblue;
   border-bottom: 1px solid blue;
}

h2 {
   font: 30px Mushu;
   color: brown;
   text-align: center;
   letter-spacing: 3px;
   background-color: skyblue;
   border-bottom: 1px solid blue;
}

#tablearea {
   top: 100px;
   left: 500px;
   width: 500px;
}
.table {
   width: 500px;
   height: overflow;
   font: 14px Lucida Console;
   color: Brown;
   background-color: white;
   text-align: left;
   padding: 2px;
   margin: 0px;
   margin-bottom: 20px;
   border-top: 2px dashed blue;
   border-bottom: 4px dashed lime;
}

</style>

</head>

<body>
<div id="tablearea">
<h2>Main Page Header</h2>

<div class="table">
<h1>Credit</h1>
<a   href="">Galindafied Layouts</a> 
</div>

</div>
</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Chillingly Beautiful

Click Here to Preview

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Chillingly Beautiful Layout from Galindafied.comm</title>
<style />
a:link, a:active, a:visited {
   font: 10px Mushu;
   color: skyblue;
   background-color: none;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: underline;
   letter-spacing: 2px;
}
#main {
   background: none;
   border: none;
}

body {
   background: blue URL('http://www.north-pole-christmas.com/uploads/Wallpaper/Frosted_Blue_Snowflake.jpg') fixed;
}

body, font, td, p, .medText {
   font: 14px Lucida Console;
   color: Blue;
}
h1 {
   font: 20px Mushu;
   color: Blue;
   text-align: center;
   letter-spacing: 3px;
   background-color: skyblue;
   border-bottom: 1px solid blue;
}

h2 {
   font: 30px Mushu;
   color: Blue;
   text-align: center;
   letter-spacing: 3px;
   background-color: skyblue;
   border-bottom: 1px solid blue;
}

#tablearea {
   top: 100px;
   left: 500px;
   width: 500px;
}
.table {
   width: 500px;
   height: overflow;
   font: 14px Lucida Console;
   color: Blue;
   background-color: white;
   text-align: left;
   padding: 2px;
   margin: 0px;
   margin-bottom: 20px;
   border-top: 2px dashed blue;
   border-bottom: 4px dashed White;
}

</style>

</head>

<body>
<div id="tablearea">
<h2>Main Page Header</h2>

<div class="table">
<h1>Credit</h1>
<a   href="Galindafied.com"> Galindafied Layouts</a> 
</div>

</div>
</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Flower Garden

Click Here to Preview

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Flower Garden layout from Galindafied.com</title>
<style />
a:link, a:active, a:visited {
   font: 10px Mushu;
   color: violetred;
   background-color: none;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: underline;
   letter-spacing: 2px;
}
#main {
   background: none;
   border: none;
}

body {
   background: blue URL('http://www.getcliparts.com/wp-content/uploads/2008/09/colorful-flowers.jpg') fixed;
}

body, font, td, p, .medText {
   font: 14px Lucida Console;
   color: Red;
}
h1 {
   font: 20px Mushu;
   color: White;
   text-align: center;
   letter-spacing: 3px;
   background-color: Plum;
   border-bottom: 1px solid VioletRed;
}

h2 {
   font: 30px Mushu;
   color: White;
   text-align: center;
   letter-spacing: 3px;
   background-color: Plum;
   border-bottom: 1px solid violetRed;
}

#tablearea {
   top: 100px;
   left: 500px;
   width: 500px;
}
.table {
   width: 500px;
   height: overflow;
   font: 14px Lucida Console;
   color: Red;
   background-color: white;
   text-align: left;
   padding: 2px;
   margin: 0px;
   margin-bottom: 20px;
   border-top: 2px dashed plum;
   border-bottom: 4px dashed violet;
}

</style>

</head>

<body>
<div id="tablearea">
<h2>Main Page Header</h2>

<div class="table">
<h1>Credit</h1>
<a   href="Galindafied.com"> Galindafied Layouts</a> 
</div>

</div>

</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Layout #6(BROADWAY)

I see it fit that since I changed my name to "Galindafied" that I make some Broadway layouts. These are not all aligned on one side, or anything, they are what looks best with which ever musical I did the layout for.

WICKED

Click Here to Preview

}

#main {
   background: black;
   border: none;

}

body {
   background: white URL('http://images2.fanpop.com/images/photos/6300000/Witchy-Secrets-wicked-6345797-1024-768.jpg') fixed;
}

.table {
   width: 500px;
   height: overflow;
   font: 12px comic sans ms;
   color: Grey;
   background-color: White;
   text-align: left;
   padding: 2px;
   margin: 0px;
   margin-bottom: 20px;
   border-top: 0px;
   border-bottom: 4px solid olive;
}

b {
   font: 12px verdana;
   font-weight:bold;
   color: Olive;
   text-transform: uppercase;
   letter-spacing: 1px;
}

i {
   font: 11px arial;
   font-weight: normal;
   font-style: italic;
   color: Green;
}

u {
   font: 14px verdana;
   font-weight: normal;
   letter-spacing: 2px;
   color: Black;
}

</style>

</head>

<body>

<h2>This is the Main Page Header</h2>
<div class="table">
<h1> This is the smaller header</h1>

</div>

<div class="table">
<h1> Credits</h1>
This Page was gotten from <a   href="Galindafied.com">Galindafied Layouts </a>

</div>
</div>
</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

RENT

Click Here to Preview

<style>

}

#main {
   background: black;
   border: none;

}

body {
   background: white URL('http://www.moviewallpaper.net/wpp/Rosario_Dawson_in_Rent_Wallpaper_1_1024.jpg') fixed;
}

h1 {
   width: 500px;
   font: 30 px comic sans ms;
   color: white;
   text-align: right;
   letter-spacing: 3px;
   background-color: black;
   border-bottom: 0px;
}
h2 {
   width: 500px;
   font: 12px comic sans ms;
   color: white;
   text-align: right;
   letter-spacing: 3px;
   background-color: Green;
   border-bottom: 0px;
}

h3 {
   width: 500px;
   font: 12px comic sans ms;
   color: white;
   text-align: right;
   letter-spacing: 3px;
   background-color: purple;
   border-bottom: 0px;
}
h4 {
   width: 500px;
   font: 12px comic sans ms;
   color: white;
   text-align: right;
   letter-spacing: 3px;
   background-color: gold;
   border-bottom: 0px;
}
h5 {
   width: 500px;
   font: 12px comic sans ms;
   color: white;
   text-align: right;
   letter-spacing: 3px;
   background-color: blue;
   border-bottom: 0px;
}
h6 {
   width: 500px;
   font: 12px comic sans ms;
   color: white;
   text-align: right;
   letter-spacing: 3px;
   background-color: red;
   border-bottom: 0px;
}

b {
   font: 12px verdana;
   font-weight:bold;
   color: Red;
   text-transform: uppercase;
   letter-spacing: 1px;
}

i {
   font: 11px arial;
   font-weight: normal;
   font-style: italic;
   color: Green;
}

u {
   font: 14px verdana;
   font-weight: normal;
   letter-spacing: 2px;
   color: Blue;
}

</style>

</head>

<h1>This is the Main Page Header</h2>
<div class="table">
<h2> This is header 2 </h2>
Text text Text
</div>
<div class="table">
<h3> This is header 3 </h3>
Text text Text
</div>
<div class="table">
<h4> This is header 4 </h4>
Text text Text
</div>
<div class="table">
<h5> This is header 5 </h5>
Text text Text
</div>
<div class="table">
<h6> This is header 6 </h6>
Text text Text
</div>

</div>

<div class="table">
<h1> Credits</h1>
This Page was gotten from <a   href="Galindafied.com">Galindafied Layouts</a>

</div>
</div>
</center>
</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Lion King the Musical

Click Here to Preview

}

#main {
   background: black;
   border: none;

}

body {
   background: white URL('http://www2.disney.co.uk/MusicalTheatre/TheLionKing/images/wallpapers/1024x768/lionking-wp-uk-01.jpg') fixed;
}

h1 {
   width: 400px;
   font: 30 px comic sans ms;
   color: white;
   text-align: right;
   letter-spacing: 3px;
   background-color: Orange;
   border-bottom: 0px;
}
h2 {
   width: 400px;
   font: 12px comic sans ms;
   color: white;
   text-align: right;
   letter-spacing: 3px;
   background-color: Gold;
   border-bottom: 0px;
}

.table {
   width: 400px;
   height: overflow;
   font: 12px comic sans ms;
   color: Grey;
   background-color: White;
   text-align: left;
   padding: 2px;
   margin: 0px;
   margin-bottom: 20px;
   border-top: 0px;
   border-bottom: 4px solid yellow;
}

b {
   font: 12px verdana;
   font-weight:bold;
   color: Gold;
   text-transform: uppercase;
   letter-spacing: 1px;
}

i {
   font: 11px arial;
   font-weight: normal;
   font-style: italic;
   color: Black;
}

u {
   font: 14px verdana;
   font-weight: normal;
   letter-spacing: 2px;
   color: Yellow;
}

</style>

</head>

<h1>Header 1</h1>
<div class="table">
<h2> This is header 2 </h2>
Text text Text
</div>

<div class="table">
<h1> Credits</h1>
This Page was gotten from <a   href="Galindafied.com">Galindafied Layouts</a>

</div>

</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Spring Awkening

Click Here to Preview

}

#main {
   background: black;
   border: none;

}

body {
   background: white URL('http://images1.fanpop.com/images/photos/2200000/Spring-Awakening-Cast-Wallpaper-spring-awakening-2290221-1024-768.jpg') fixed;
}

h1 {
   width: 500px;
   font: 30 px comic sans ms;
   color: white;
   text-align: right;
   letter-spacing: 3px;
   background-color: DarkGrey;
   border-bottom: 0px;
}
h2 {
   width: 500px;
   font: 12px comic sans ms;
   color: white;
   text-align: right;
   letter-spacing: 3px;
   background-color: Black;
   border-bottom: 0px;
}

.table {
   width: 500px;
   height: overflow;
   font: 12px comic sans ms;
   color: Grey;
   background-color: White;
   text-align: left;
   padding: 2px;
   margin: 5px;
   margin-bottom: 20px;
   border-top: 0px;
   border-bottom: 4px solid stormgrey;
}

b {
   font: 12px verdana;
   font-weight:bold;
   color: Grey;
   text-transform: uppercase;
   letter-spacing: 1px;
}

i {
   font: 11px arial;
   font-weight: normal;
   font-style: italic;
   color: black;
}

u {
   font: 14px verdana;
   font-weight: normal;
   letter-spacing: 2px;
   color: Black;
}

</style>

</head>

<body>

<h1>Header 1</h1>
<div class="table">
<h2> This is header 2 </h2>
Text text Text
</div>

<div class="table">
<h1> Credits</h1>
This Page was gotten from <a   href="Galindafied.com">Galindafied Layouts</a>

</div>
</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

Style #7

This is my first two column layout I am posting on here. It is two equal coulmns.

Blue and Purple Stars

Click Here to Preview

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Blue and Purple Stars Layout from Galindafied.com</title>
<style>
#header, #footer, hr {display: none;}
.content div a img, .content div b {display: none;}
.contentModule div a img, .contentModule div b {display: inline;}
a:link, a:active, a:visited {
   font: 10px tahoma;
   color: plum;}
#main {
   background: none;
   border: none;
}

body {
   background: lavender URL('http://fc02.deviantart.net/fs41/f/2009/042/c/0/Pretty_Star_Heart_Background_by_YuniNaoki.jpg')fixed;}
body, font, td, p, .medText {
   font: 14px comic sans ms;
   color: Violet;}
.contentModuleHeader, .contentModuleHeaderAlt {
   font: 16px Comic sans ms;
   font-weight: bold;
   color: VioletRed;
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 5px;
   background-color: Plum;
   padding: 5px;}
.contentModuleContent {
   background-color: #white;}
#content {
   top: 10px;
   left: 50px;}
#userneopets img {
   height: 115px;
   width: 115px;}
#usertrophies img {
   height: 60px;
   width: 60px;}
#stats {
   top: 300px;
   left: 10px;}
h1 {
   font: 50px Comic sans ms;
   color: white;
   text-align: right;
   letter-spacing: 3px;
   background-color: Plum;
   border-bottom: 1px solid white;}
h2 {
   font: 12px Comic sans ms;
   color: white;
   text-align: right;
   letter-spacing: 3px;
   background-color: Plum;
   border-bottom: 1px solid white;}
#tablearea {
   top: 100px;
   width: 900px;}
.table {
   width: 400;
   height: overflow;
   font: 12px comic sans ms;
   color: Violet;
   background-color: White;
   text-align: center;
   padding: 2px;
   margin: 0px;
   margin-bottom: 20px;
   float: left;}
.table2 {
   width: 400;
   height: overflow;
   font: 12px comic sans ms;
   color: Violet;
   background-color: White;
   text-align: center;
   padding: 2px;
   margin: 0px;
   margin-bottom: 20px;
   float: right;}

</style>

</head>

<body>

<div id="stats">
<table><tr><td>
<div id="tablearea">
<h1>header name</h1>
<div class="table">
<h2>Header one</h2>
This is where you would type your text for the first column.
</div>

<div class="table2">
<h2>Header two</h2>
This is where you would type your text for the first column.
<h2>Credit</h2>
<a   href="Galindafied.com"><Img src=http://i888.photobucket.com/albums/ac84/daydreamdoodles/Galindafied.gif></a>
</div>
</div>
</body>
</html>

Copy and Paste the code above into your webdesign software and you're ready to start adding content.

The Basics

Updates

Page Layouts

Style #1

Fire Works!

Flower Power

Calming Rainbow

Horses

Style #2

Hearts!

Purple Whirl

Sparkly Hearts

Style #3

Citrus Fun

Berry Smoothie

Style #4

Football

Soccer

Baseball

Basketball

Ballet

Layout #5

Butterfly

Water Fall

Chillingly Beautiful

Flower Garden

Layout #6(BROADWAY)

WICKED

RENT

Lion King the Musical

Spring Awkening

Style #7

Blue and Purple Stars

Sitely

Requests

Want to link back?

Affliates

Listed at

Reviewed at

Pick up!

Places and people I love

The Basics about Me

Role Playing

The Site Name