Tsukasa Layout

Designer's Comments

Look carefully for specific instructions

http://doremi-no-yume.co.de/

Layout Code

Copy and paste to Template HTML

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Unbenanntes Dokument</title>
<style>
@charset "UTF-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-image:url(http://cbimg6.com/layouts/11/06/36662ag.jpg);
	background-attachment:scroll;
	margin: 0;
	padding: 0;
	color: #000;
}

h1 	{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #44156E;
	text-align:center;
	margin-bottom: 5px;
	margin-top:5px;}
	
h2 	{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #9957bd;
	text-align:center;
	margin-bottom: 5px;
	margin-top:5px;}
	
h3 	{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c097e4;
	text-align:left;
	margin-left: 15px;
	margin-bottom: 5px;
	margin-top:5px;}

p	{text-align:center;
	 font-size: 12px;
	 color: #44156E;
}

em 	{color: #c097e4;}

strong	{color: #4a02ec;}

u 	{text-decoration: none;
	border-bottom:1px dashed #c097e4;
}
s, strike {
	color: #9957bd;
	}

a img { 
	border: none;
}

a:link {
	color:#4a02ec;
	text-decoration: none;
}
a:visited {
	color: #4a02ec;
	text-decoration: overline;
}
a:hover, a:active, a:focus { 
	text-decoration: line-through;
	color: #c097e4;
	background-image:url(http://cbimg6.com/layouts/11/06/36662ah.jpg);
}

.container {
	width: 900px;
	background: #FFF;
}

.header {
	background: #6F7D94;
}

.sidebar1 {
	float: left;
	width: 200px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #44156E;
	text-align: left;
	background-color:#FFF;
	margin-left: 126px;
	height: 700px;
}
.content {
	width: 554px;
	float:left;
	height: 700px;
	background-color:#FFF;
	overflow: scroll;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px;
}

ul.nav {
	list-style: none; 
	border-top: 1px solid #666;
	margin-bottom: 15px;
	text-align:center; 
}
ul.nav li {
	border-bottom: 1px solid #666; 
	text-align:center; 
}
ul.nav a, ul.nav a:visited {
	padding: 5px 5px 5px 15px;
	display: block; 
	text-decoration: none;
	background: #8090AB;
	color: #000;
	text-align:center; 
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	background: #6F7D94;
	color: #FFF;
	text-align:center; 
}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}

#header 	{margin-left: 125px;
}

#profiltabelle 	{background-image: url(http://cbimg6.com/layouts/11/06/36662ah.jpg);
}
</style>

</head>

<div class="sidebar1">
    <p><img src="http://cbimg6.com/layouts/11/06/36662ab.png" width="48" height="17"></p>
    <p><a href="index.html">Home</a><br>
    <a href="index.html">Link</a><br>
    <a href="index.html">Link</a><br>
    <a href="index.html">Link</a><br>
    <a href="index.html">Link</a></p>
<p class="nav"><img src="http://cbimg6.com/layouts/11/06/36662ac.png" width="57" height="22"></p>
    <p class="nav"><a href="index.html">Link</a><br>
      <a href="index.html">Link</a><br>
      <a href="index.html">Link</a><br>
      <a href="index.html">Link</a><br>
    </p>
<p class="nav"><img src="http://cbimg6.com/layouts/11/06/36662ad.png" width="88" height="22"></p>
    <p class="nav"><a href="index.html">Link</a><br>
      <a href="index.html">Link</a><br>
      <a href="index.html">Link</a><br>
      <a href="index.html">Link</a></p>
    <p class="nav"><br>
Layout@ <a href="http://doremi-no-yume.co.de/">Doremi no Yume</a></p>
  </div>
  <div class="content"> <h1><img src="http://cbimg6.com/layouts/11/06/36662ae.png" width="278" height="113"></h1> 
    <p>   Hallo  &lt;3 Ich hab hier mal mein erstes Layout erstellt ^^ Ich hoffe es gefällt euch!    <br>
    Layout@ <a href="mailto: emily-chan@gmx.at">Emily</a>
  <br>
    Render@ <a href="mailto: emily-chan@gmx.at">Emily</a><br>Font: HenryMorganHand <br>
  </p>
    <h2>COPYRIGHT STEHEN LASSEN!!! (bei der Sidebar) und bitte in den CREDITS verlinken!!</h2>
    <p><br>
      Und  ein paar Beispiele:<br>
      <br>
      <strong>Ich bin ein fett geschriebener Satz</strong><br>
      <em>Ich bin ein kursiv geschriebener Satz</em><br>
      <u>Ich bin ein unterstrichener Satz</u><br>
    <s>Ich bin ein druchgestrichener Satz</s></p>
    <p>&nbsp;</p>
    <p>Hier noch eine Newsbox und ein Avatar für euch:</p>
    <table  width="449" height="250" border="1" align="center" cellpadding="1" cellspacing="1" bordercolor="#a9a9a9" bgcolor="#ffffff" style="BORDER-RIGHT: 1px dotted; BORDER-TOP: 1px dotted; BORDER-LEFT: 1px dotted; WIDTH: 503px; BORDER-BOTTOM: 1px dotted; HEIGHT: 300px">
  <tbody>
        <tr>
            <td height="37" colspan="3" align="center" id="profiltabelle" style="text-align: center"><h2>Newsbox</h2>
            </td>
        </tr>
        <tr>
          <td height="23" colspan="3" align="center" style="text-align: center"  ><h3>Datum: <b>dd.mm.yy</b></h3></td>
        </tr>
        <tr>
          <td width="178" align="center" style="text-align: center"  ><img src="http://cbimg6.com/layouts/11/06/36662af.jpg" width="100" height="100"></td>
          <td width="252" height="187" colspan="2" style="text-align: center"><p>blubb...</p>
          <p>blubb.....</p>
          <p>blubb.....</p>
          <p>blubb.....blubb.....blubb.....</p></td>
        </tr>
      </tbody>
</table>&nbsp;</p>    
    </div>
  </div>
</body>
</html>

Layout Comments

Showing latest 5 of 5 comments

dzdf

By admainjordanshoes on Aug 17, 2011 10:23 pm

FSDFSFSDF

By claike on Jun 30, 2011 5:54 am

Layout Details

Designer	emily92
Submitted on	May 16, 2011
Page views	13,297
Favorites	11
Comments	5
Reviewer	manny-the-dino
Approved on	Jun 21, 2011

Tsukasa Layout

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates