Kawaii Collage

Designer's Comments

Look carefully for specific instructions

This layout took some time to put together, but in the end I love it!

Contact me if you see any bugs, they will be fixed asap.
steph.,

Layout Code

Copy and paste to Template HTML

Help

<title>Sites Name Here.</title>

<STYLE type="text/css">
body { 
text-align : left;
margin : 0
}

td, p, body, a {
color : #000000;
font-family : verdana;
font-size : 10px;
text-transform : Normal;
text-align : Left;
}

a:active, a:visited, a:link {
font-size :9px;
font-family: Arial;
text-transform : normal;
color: #000000
font-weight : normal;
text-decoration : none;
text-align :Left;
}

a:link img {
border : none;
}
a:visited img{
border : none;
}
a:link img {
border : none;
}

.SIDEBAR {
font-family: centruy gothic;
color: #e3007b;
background: #transparent;
font-weight: normal;
font-size: 17px;
line-height: 16px;
letter-spacing: 1px;
text-align: left;
text-transform: normal;
border-bottom: 0px;
}

.SIDEBAR2 {
font-family: Arial;
color: #31b8e0;
background: #transparent;
font-weight: normal;
font-size: 19px;
line-height: 16px;
letter-spacing: 1px;
text-align: left;
text-transform: normal;
border-bottom: 1px dashed #31b8e0;
}

.CONTENT {
font-family: Arial;
color: #b50be6;
background: #transparent;
font-weight: normal;
font-size: 16px;
line-height: 16px;
letter-spacing: 1px;
text-align: left;
text-transform: normal;
border-bottom: 1px dashed #b50be6;
}

.CONTENT2 {
font-family: Arial;
color: #DE5C88;
background: #transparent;
font-weight: normal;
font-size: 20px;
line-height: 16px;
letter-spacing: 1px;
text-align: left;
text-transform: normal;
border-bottom: 1px dashed #b50be6;
}

.mainheader {
font-family: Arial;
color: #DE5C88;
background: #transparent;
font-weight: normal;
font-size: 33px;
letter-spacing: 5px;
text-align: left;
text-transform: normal;
border-bottom: 1px dashed #dddddd;
}

a.nava, a.nava:link, a.nava:active, a.nava:visited {
font-family: Arial;
text-transform: uppercase;
display : block;
}
a.nava:hover {
font-family: Arial;
color: #7EE9E5;
display : block;
}

a.navb:hover {
font-family: Arial;
color: #DE5C88;
display : block;
}

b {
color: #000000; font-family : Arial;
}
u {
color: #000000; font-family : Arial;
}
i {
color: #000000; font-family : Arial;
}

textarea {
width: 260px;
height: 30px;
border: none;
font-family: verdana;
font-size: 9px;
color: #000000;
font-weight: normal;
letter-spacing: 0px;
text-transform: normal;

background-color: #transparent;
overflow: auto;
padding: 0px;
}

#content {position:absolute; top:220px; left:140px; width:421px}

#notepad {position:absolute; top:15px; left:35px; width:184px}

#sidebar2 {position:absolute; top:140px; left:633px; width:184px}

#header {position:absolute; top:25px; left:170px; width:184px}

#toplinks {position:absolute; top:200px; left:140px; width:184px}

</style>

<div id="notepad" style="width: 123; height: 134">
<DIV class="sidebar">Header</DIV>
Hiaa, use this little space for anything! But use it wisly cause theres only so 
much to type in. Add links? Little icons? General info or anything.
</DIV>

<DIV class="sidebar2">Navigation</DIV>
<br>
<A HREF="URL" class= "nava">LINK 1</A>
<A HREF="URL" class= "navb">LINK 2</A>
<A HREF="URL" class= "nava">LINK 3</A>
<A HREF="URL" class= "navb">LINK 4</A>
<A HREF="URL" class= "nava">LINK 5</A>
<A HREF="URL" class= "navb">LINK 6</A>

<DIV class="sidebar2">Text</DIV>
Okay so you can type right here in this little space as much as you pleaseeeee. You can put descriptions, images, ect. what ever you want, even this little bar scrooolllss if you type to much.

<DIV class="sidebar2">More links</DIV>

<DIV class="sidebar2">Text 2</DIV>
text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here 
text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here 
<DIV class="sidebar2">Credit</DIV>
Layout put together by: <a href="http://www.sugarpurr.createblog.com">Stephanie@createblog.</a>
<br>
Layout hosting by: <a href="http://www.createblog.com">CreateBlog.</a>
</div>
</DIV>

<div id="header" style="width: 434; height: 83">
<DIV class="mainheader" style="width: 615; height: 38">Main Header</DIV>
</font><font face="Arial" size="2">"cute little tagline goes hereee!"</font>
</div>

<div style="overflow: auto; width: 456; height: 431">
 
<DIV class="content">Hi There!</DIV>

This design was supposed to pull of a Kawaii Japanese theme, and a cute notepad look. Sooo, This is <i>italic.</i> This is
<b>bold</b>, and of course this is <u>underline.</u> Leave the credit on please!<br>
You can obviously edit out this text before you make your site. Oh, btw. This 
cute little notepad area scrolls when it goes down too far, and remember this is a website template. <b>Not</b> a myspace template.<br>
<br>

<DIV class="content">tTextarea.</DIV>
</font><font face="verdan" style="font-size: 8pt">Textarea looks like:<br>
<br>
<textarea rows="2" cols="71">This little box scrooooolllllssss. So just type with the textarea code around your text,and you get this cute little scroll box.<3

Layout Comments

Showing latest 7 of 7 comments

JUSTI AMAIZING. (:

By iWordy on Jan 5, 2011 11:43 am

dis is cute!!i wish i could use it

By missbluecandy on Jul 16, 2010 10:12 pm

Thank you all for the amazing comments

By sugarpurr on Mar 19, 2010 12:45 am

really cute!

By cynthiachioma on Mar 18, 2010 10:23 pm

This is the cutest website template that I have ever seen! Great job!

By CandyPop on Mar 18, 2010 2:59 pm

Very very Cute!!!
GOOD JOB :D

By Snaily on Mar 17, 2010 10:05 pm

wow, this is really pretty!

By idontwantit on Mar 17, 2010 9:59 pm

Layout Details

Designer	sugarpurr
Submitted on	Mar 14, 2010
Page views	21,764
Favorites	50
Comments	7
Reviewer	Cristy
Approved on	Mar 17, 2010

Kawaii Collage

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates