Julia Stiles

Designer's Comments

Look carefully for specific instructions

You have 116 lines of space. Use it wisely, have fun. If you want to add a picture, go ahead try it and use the text wrap code.

Using This Layout

For specific instructions read designer's comments

This is a Div Overlay layout, HTML knowledge required!
1. Log into createblog.com (customize)
2. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to Header HTML

Help

body{
background-image:url(http://img364.imageshack.us/img364/3442/backgroundl.png);
background-repeat: repeat;}

#img{position: absolute; left: 0%; margin-left: 0px; top: 0%; margin-top: 0px; width: 687px; height: 570px;z-index: 0}

#comment{position: absolute; left:50%; margin-left: 170px; top: 15%; margin-top: 0px; width: 110px; height: 104px; overflow:none;}

#about
{position: absolute;
 left: 0%; 
margin-left: 177px;
 top: 0%;
 margin-top:
328px; 
width: 329px;
 height: 116px;
 overflow:none;}

#credits{position: absolute; left: 20%; margin-left: 0px; top: 85%; margin-top:00px; width: 400px; height: 204px; overflow:auto;}

A:link, A:active, A:visited {color: #ffffff;
font-weight: none;
text-decoration: none;
background-color:transparent;
cursor:crosshair;}

A:hover {color: red;
font-weight: none;
cursor: crosshair;
text-transform:uppercase;
letter-spacing: 0px;}

body
{ background-color:#ffffff;}
b {color: #d22767  ;}
i {color: #d22767 ;}
u {color: #d22767   ;
border-bottom: double 2px #d22767 ;}

.head { color:#ffffff;
line-height: 14px;
text-align:right;
font-size:12px;
font-family:arial;
font-variant: none;
background-color:#transparent;
border: none;}

.text { color:#000000;
line-height: 14px;
text-align:center;
font-size:10px;
font-family:arial;
font-variant: none;
background-color:#transparent;}

</style>

<div id="img">
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<img src="http://cbimg6.com/layouts/09/02/33658aa.png" width="687" height="570" border="0" alt="" usemap="#juliastiles_Map">
<map name="juliastiles_Map">
<area shape="rect" alt="" coords="529,309,597,338" href="http://username.createblog.com/winks.php?height=400&width=300&nocache=1192662809">
<area shape="rect" alt="" coords="522,283,603,305" href="http://username.createblog.com/friends/add.php?height=100&width=300&nocache=1192663004">
<area shape="rect" alt="" coords="507,252,613,281" href="http://username.createblog.com/graphics/">
<area shape="rect" alt="" coords="507,219,614,249" href="http://username.createblog.com/layouts/">
<area shape="rect" alt="" coords="521,187,603,216" href="http://www.createblog.com/home/">
</map>

</div>
<div id="about"><div class="text">
<text-align="left">
You've got 116 lines of text here, use it wisely. ;]
<br>

</text></div>
<div id="comment">
<form action='comment.php' method='POST'>
<textarea name='comment' cols='1' rows='1'
style="width: 100; 
height: 50px;"
style="border-width: 1px; 
border-style: solid; 
border-color: ffffff;
font-family: small fonts;
text-transform:uppercase; 
letter-spacing:1pt;
font-size: 7px; 
color: 000000; 
background-color: #d22767;" 
style="overflow:auto;">Scraped my knees...

Layout Comments

Showing latest 10 of 13 comments

I loved your blend!

By LittleRockCreations on Oct 4, 2010 9:25 pm

#profile div#stats{display:none !important;}
#profile div#splash{display:none !important;}
#profile div#bestfriends {display:none!important;}
#pr ofile div#aboutme {display:none !important;}
#profile div#contactme {display:none!important;}
#pr ofile div#links{display:none!importa nt;}
#profile div#recententries {display:none!important;}
#pr ofile div#favorites {display:none !important;}
#profile div#submissions {display:none !important;}
#profile div#skills {display:none !important;}
#profile div#recentphotos{display:none !important;}
#profile div#footer{display:none !important;}
#profile div#header{display:none !important;}
#profile div#comments{display: none; !important;}
.outerbox{backgr ound-color: transparent; color: transparent;}
.innerbox, .entrybox{color: transparent; background-color: transparent !important;}

body{
backgro und-image:url(http://img364.im ageshack.us/img364/3442/backgr oundl.png);
background-repeat : repeat;}

#img{position: absolute; left: 0%; margin-left: 0px; top: 0%; margin-top: 0px; width: 687px; height: 570px;z-index: 0}

#comment{position: absolute; left:50%; margin-left: 170px; top: 15%; margin-top: 0px; width: 110px; height: 104px; overflow:none;}

#about
{po sition: absolute;
left: 0%;
margin-left: 177px;
top: 0%;
margin-top:
328px;
width: 329px;
height: 116px;
overflow:none;}

#credits{ position: absolute; left: 20%; margin-left: 0px; top: 85%; margin-top:00px; width: 400px; height: 204px; overflow:auto;}

A:link, A:active, A:visited {color: #ffffff;
font-weight: none;
text-decoration: none;
background-color:transp arent;
cursor:crosshair;}

A:hover {color: red;
font-weight: none;
cursor: crosshair;
text-transform:upp ercase;
letter-spacing: 0px;}

body
{ background-color:#ffffff;}
b {color: #d22767 ;}
i {color: #d22767 ;}
u {color: #d22767 ;
border-bottom: double 2px #d22767 ;}

.head { color:#ffffff;
line-height: 14px;
text-align:right;
font -size:12px;
font-family:arial ;
font-variant: none;
background-color:#trans parent;
border: none;}

.text { color:#000000;
line-height: 14px;
text-align:center;
fon t-size:10px;
font-family:aria l;
font-variant: none;
background-color:#trans parent;}

You've got 116 lines of text here, use it wisely. ;]

Scraped my knees...

By indu on Sep 16, 2010 5:18 pm

Very nice blending and layout is wonderful. but I was wondering if you could make one with dark colors and no celebs. If not that's ok. I was just wondering ^.^

By Nosferatu-lyts on Jul 9, 2010 7:36 am

nice blend but horrible centralization, and tiny, rest of page looks awful with just a small art at the corner and you can see everything else... why can't the people creating these art centralize it and truly cover up all the crap from rest of page? very week coding- probably just copied 99.9% of code from someone else which explains why it's not centralized at all.

By codemaster on Jun 28, 2009 2:54 pm