Katy Perry

Designer's Comments

Look carefully for specific instructions

Layout featuring Katy Perry.
Please keep the credits intact.

---
Font: Dafont
Image: S&T
Brushes: Swimchick

Find this layout and more on my website and on my myspace

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<title>Website Name Here!</title>
</head>
<style type="text/css">
body, p, td  { font-family: Century Gothic; size:10px; color: #e40000; background-color:none!important;
}
a, a:link, a:active, a:visited {color: #ff6767; text-decoration:none; cursor:default; font-size:11px;}
A:hover {color: #e40000; text-decoration:none; cursor:default; font-size:11px;} 
 
.link{display:block; text-align:left; background-color:none!important; height:14px; padding-top:2px; z-index:6; font-style:uppercase!important; font-family: arial black!important; font-size: 16px!important; color:# e40000!important; letter-spacing:-2px!important; border-bottom: 0px solid; border-left: 0px solid; border-right: 0px solid;border-color:#6baab8;}
.link:hover {display:block; text-align:left; background-color: none!important;  height:16px; padding-top:2px; z-index:6; text-decoration:uppercase; font-family: arial black!important; font-size: 16px!important; color:# 404040!important; letter-spacing:-2px!important; border-left: 0px solid; border-color: none!important;} 
h1 {
 color:#404040;
 text-align:left;
 font-weight:normal;
 font-style:normal;
 font-size:18px;
 line-height: 18px;
 text-transform: normal;
 font-family: century gothic;
 letter-spacing:0px;
 margin-top:3px;
 margin-bottom:0px;
 border-bottom:0px dotted #989898;
 background-color: none;
}
h1:first-letter {color: #999999; font-family: Freehand591 BT }: 1px;
}
b{color:#f6b5b9;}
u{color:#f6b5b9;}
i{color:#e24353;}
s{color:#f6b5b9;}
.main{position:absolute; left:110px; top:405px; height: 673; width: 193px; z-index:1; padding:2px; border:0px; background-color:#ffffff; font-family: "Century Gothic"; color: # e40000; font-size: 10px; text-transform: none; font-weight: none;}
table {overflow: auto; font-family: "Century Gothic"; color: #e40000; font-size: 10px; text-transform: none; font-weight: none;}
.cred{position:absolute; left:110px; top:1035px; width: 193px; height:85; z-index:1; padding:2px; border:0px; background-color:none; font-family: "Century Gothic"; color: #f6b5b9; font-size: 10px; text-transform: none; font-weight: none;}
.navi{position:absolute; left:303px; top:380px; width: 115px; height:103; z-index:1; padding:2px; border:0px; background-color:none; font-family: "Century Gothic"; color: #f6b5b9; font-size: 10px; text-transform: none; font-weight: none;}

</style>
<body bgcolor="#000000" topmargin="0" leftmargin="0" background=" http://i144.photobucket.com/albums/r186/hospitalhorror/kpbkg.png" style="background-repeat:yes;"><img src=" http://i144.photobucket.com/albums/r186/hospitalhorror/kp.png">
<div class="main">
<h1>Welcome!</h1>
This is where you type all your information and stuff. Like, this will be where your content is. Woo! Make sure you leave the bottom credits on; it would be quite nice. (: <br><Br> Normal text. <b>Bolded text.</b> <I>Italicized text.</I> <u>Underlined text.</u> <s>Strikethrough text.</s> <a href=http://thisstatic.net/>This is a link.</a>
</div>
<div class="cred">
<center>
Layout: <a href=http://thisstatic.net/>Static</a> <I>/</I> Images: <a href=http://www.sweetandtalented.com/>S&T</a><br>Fonts: <a href=http://dafont.com>Dafont</a> <i>/</i> Brushes: <a href=http://swimchick.net>Swimchick</a>
</div>
<div class="navi">
<a href="http://thisstatic.net" class="link">Home</a>
<a href="http://thisstatic.net" class="link">About</a>
<a href="http://thisstatic.net" class="link">Content</a>
<a href="http://thisstatic.net" class="link">Credits</a>
</div>

Layout Comments

Showing latest 9 of 9 comments

Whoa this is way too thin for my personal preference. You can barely write any content without making it look squished. xD

But I agree, it's quite unique. (:

By dreamgurl36 on Jun 2, 2009 4:06 pm