Beautiful Thoughts

About this layout

This layout features Amy Lee from the band Evenescense. This is a 2 column div layout that you are free to use as long as you keep the credits intact. I just ask that the link to my site is left on the layout (on every page,so you can put it in the footer or sidebar if your prefer) There is a button in the sidebar now, and a link in the footer, but you can move them to where you like them. Do not claim that you made the layout or images, and do not redistribute on your own websites.
There is also a favicon that I added of a little fluer in the url address bar.

An important note.....
This layout has a height barrier on it. Right now, I have the height set to 700 pixels in length, but if you go past that then you will have your content "falling out of" the layout.
To fix that, it is very easy.
Go to the css file. It is the one labeled "main.css" and find where it says in 2 spots "height"700px"
Look below to see exactly what it looks like......

#leftcolumn { color: #d79757; border: 1px solid #763a32; background: #3c2c1c; margin: 0px 0px 0px 0px; padding: 10px; height: 700px; width: 240px; float: left; } #rightcolumn { float: right; color: #f7e1bb; border: 1px solid #b8947c; background: #763a32; margin: 0px 0px 0px 0px; padding: 10px; height: 700px; width: 747px; display: inline; }

Now just make the number bigger. You can put it to 1000px, whatever you need.
Then save your file and it will be changed. I did not want to make it to big in this preview because it would not look right since the layout is empty. If you have any questions, just contact me.
Bolded text
underlined text
italicized text
~~Strikethrough text~~

Download this layout

You can simply download the folder to your pc for later use or changing. The download is a zip file and comes with a "read me installation" file as well.

To download this layout to your computer, click here!

Or you can copy the codes below and save them if you prefer.....

Copy the two codes below. Save this one as your Index file...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Beautiful Thoughts</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<link rel="shortcut icon" href="http:///www.geminimoon.net/favicons/6/fluer.ico" type="image/x-icon" />

</head>

<body>

<div id="wrapper">
   
         
         <div id="header">
		 
		       <img src="http://i163.photobucket.com/albums/t296/Geminimoonstar/Layout%20stuffs/AmyLeeHeader.gif">	 
			   	 
			   
		 </div>
		 
		 
		 
         <div id="navigation">
		 
		       Use this for Navigation, or a quote :)		 
			   
		 </div>
		 
		 
		 
		 <div id="leftcolumn">
		 
		       <a href="http://www.MYSITEURL.com/home">Home</a><br>
<a href="http://www.MYSITEURL.com/contact.php">Contact</a><br>
<a href="http://www.MYSITEURL.com/aboutme.php">About Me</a><br>
<a href="http://www.MYSITEURL.com/site.php">Site</a><br>
<a href="http://www.MYSITEURL.com/links.php">Links</a><br>
<a href="http://www.MYSITEURL.com/downloads.php">Downloads</a><br><br>
		    
<b>Layout made by...</b>  <br>     
<a href="http://www.geminimoon.net"><img src="http://i163.photobucket.com/albums/t296/Geminimoonstar/website%20stuff/tinyGM.jpg" alt="Graphics and all your Myspace needs at www.geminimoon.net"></a>
							</div>
		 
		 
		 
		 
		 
		 <div id="rightcolumn">
		       <div style="text-align: center;">
<h2>About this layout</h2>

This layout features Amy Lee from the band Evenescense. 
I thought she looked very pretty and contemplative so I decided to use her in a layout. 
This is a 2 column div layout that you are free to use as long as you keep the credits intact. 
I just ask that the link to my site is left on the layout (on every page,so you can put it in the 
footer or sidebar if your prefer) There is a button in the sidebar now, and a link in the footer, 
but you can move them to where you like them. Do not claim that you made the layout or images, and 
do not redistribute on your own websites.<br>There is also a favicon that I added of a little fluer 
in the url address bar.<br><br>An important note.....<br>This layout has a height barrier on it. 
Right now, I have the height set to 600 pixels in length, but if you go past that then you will 
have your content "falling out of" the layout.<br>To fix that, it is very easy.<br>Go to the css 
file. It is the one labeled "main.css" and find where it says in 2 spots "height"700px"<br>Look 
below to see exactly what it looks like......<br><br>
<blockquote>#leftcolumn {   color: #d79757;  border: 1px solid #763a32;  background: #3c2c1c;  margin: 0px 0px 0px 0px;  padding: 10px;  
<span style="font-weight: bold; text-decoration: underline;">height: 700px</span>;  width: 240px;  float: left; } #rightcolumn {   float: right;  color: #f7e1bb;  
border: 1px solid #b8947c;  background: #763a32;  margin: 0px 0px 0px 0px;  padding: 10px;  <span style="font-weight: bold; text-decoration: underline;">height: 700px</span>;  width: 747px;  display: inline; }</blockquote><br>
Now just make the number bigger. You can put it to 1000px, whatever you need.<br>Then save your file and it will be changed. 
I did not want to make it to big in this preview because 
it would not look right since the layout is empty. 
If you have any questions, just 
<a href="http://www.geminimoon.net">contact me.</a><br>
<b>Bolded text</b><br> <u>underlined text</u><br> 
<i>italicized text </i><br> 
<strike>Strikethrough text</strike><br><br>
This is what your textarea will look like....<br>  
  	       	   
		</div></div>

<div id="footer">
		   
©Your site name here/// <a href="http://www.geminimoon.net">Layout by Geminimoon.net</a>    
	     </div>

</div>
   
   <style type="text/css"> body{background:url(http://i163.photobucket.com/albums/t296/Geminimoonstar/Layout%20stuffs/thbg16.jpg) fixed} </style> 
</body>
</html>

And save this one as "main.css"

/*
     Part of the css coding is courtoesy of code-sucks.com
please leave the links and credits to this site intact, Do not claim that you made 
the layout yourself,and do not redestribute the layout on your site.

As long as you do not change the header image, and leave the credits, or make sure you put the credits some
where that your visitors can see that the layout and header image was made by Geminimoon.net
with a banner or text link to my site.
You can of course change the css and text colors to suit your
taste, and add your own content.
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 1031px;
}
#header {
 color: #762624;
 width: 1011px;
 float: left;
 padding: 10px;
 border: 1px solid #763a32;
 height: 405px;
 margin: 10px 0px 0px 0px;
 background: #766958;
}
#navigation {
 float: left;
 width: 1011px;
 color: #f7e1bb;
 padding: 10px;
 border: 1px solid #d79757;
 margin: 0px 0px 0px 0px;
 background: #533723;
}
#leftcolumn { 
 color: #d79757;
 border: 1px solid #763a32;
 background: #3c2c1c;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 700px;
 width: 240px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #f7e1bb;
 border: 1px solid #b8947c;
 background: #763a32;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 700px;
 width: 747px;
 display: inline;
}
#footer { 
 width: 1011px;
 clear: both;
 color: #f8d7a7;
 border: 1px solid #b8947c;
 background: #533723;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

}
b {
font-family:tahoma; color:#909e90;  letter-spacing:0pt; text-transform:uppercase; font-weight:bold; font-size:9pt; 
} 
u {
font-family:arial; font-size:9pt; line-height:11pt; border-bottom: 1px solid #e2d8c8;  color:#909e90; text-transform: normal; letter-spacing: 0pt;
} 
i {
font-family:arial; font-size:9pt;  color:#fae7ca; text-transform: normal; letter-spacing: 0pt; background-color:none;
}

h1 {
background: #798179;
margin:0px;
height:13px;
font-size:11px;
font-family:Trebuchet Ms;
font-weight: normal;
color: #fee7c2;
}

A:link, A:visited, A:active {
text-decoration: none;
text-transform: normal;
font-family:arial;
font-style: none;	
font-size: 10pt;
line-height: 11pt;
color: #fce0b4;
letter-spacing:0pt;
border-bottom:1px solid #fce0b4;
}

A:hover {
text-decoration: none;
text-transform: uppercase;
font-family:arial;
font-style: none;	
font-size: 10pt;
line-height: 11pt; 
font-weight:bold;
color:#a97c5b; 
background-color:transparent;
border-bottom:1px solid #a97c5b;
}

a.nav, a.nav:link, a.nav:visited, a.nav:active {
text-decoration:none;
text-transform: uppercase;
font-family:arial;	
font-size: 13pt;
font-weight:bold;
line-height: 16pt;
color:#879787;
background-color:#fceed8;
cursor: default;
display: block;
text-align: left;
letter-spacing:0pt;
}

a.nav:hover {
text-decoration:none;
text-transform: uppercase;
font-family:arial;
font-weight:bold;
font-size: 13pt;
line-height: 16pt;
color:#bfa499;
background: url(http://i163.photobucket.com/albums/t296/Geminimoonstar/headers%20and%20layouts/NEWblack.gif) no-repeat;
background-color: #cfbea3;
cursor: default;
display: block;
text-align:right;

}

textarea, input {
font-family: georgia;
font-size: 12px;
color: #55400;
background-image: url('http://i163.photobucket.com/albums/t296/Geminimoonstar/Layout%20stuffs/tabg.jpg');
border: 1px solid #554001;
class: gradualfader;
}

blockquote { 
color:#613f3b;
background-color:#bfa499;
font-size:11px;
text-align: justify; 
BORDER:#000000; 1px solid; 
padding:4px;}

.input {color:#613f3b; font-size:11px; font-family:tahoma, sans-serif; background-color:#e2d8c8; border:1px solid; border-color:#fbf28c; width:140px; height:18px }
.button {color:#613f3b; font-family:tahoma, sans-serif; font-size:11px; background-color:#e2d8c8; border:0px solid; border-color:#ffffff; padding:1px; height:18px;}
.textarea {color:#613f3b; font-family:tahoma, sans-serif; font-size:10px; background-color:#f9e7cb; border:0px solid; border-color:#8dae15;width:250px;}

}