Mixed Beauty

Designer's Comments

Look carefully for specific instructions

REMEMBER

Set:
Most Recent Events
Friends View
Calendar
Day View

to "clean and simple"

MUST have website url and info on your info page for the header to be visible.

Using This Layout

For specific instructions read designer's comments

1. Log into livejournal.com (customize)
2. Set Style System to S1
3. Click on Look and Feel
4. Set Layout to Clean and Simple
5. Set Theme to Custom Colors and remove all fields
6. Click on Look and Feel
7. Copy (ctrl c) and paste (ctrl v) code to Overrides

Layout Code

Copy and paste to Overrides

Help

Set style to Clean and Simple

FRIENDS_OPT_ITEMS=>25

FRIENDS_WEBSITE=><img src="http://layouts.cbimg7.com/27/13823c.jpg" class="header" galleryimg="no">

DAY_TALK_LINKS<=
<p style="display:block" >
<div class="talklinks" style="display:block" >%%readlink%%<A HREF="%%urlpost%%">add comments</A> | <a href=http://www.livejournal.com/editjournal_do.bml?%%itemargs%%>edit</a> |  <a href="http://magick.m3lancholia.net/">Magick</a> </div></span> 
<p>
<=DAY_TALK_LINKS

DAY_WEBSITE=><img src="http://layouts.cbimg7.com/27/13823c.jpg" class="header" galleryimg="no">

LASTN_TALK_LINKS<=
<p style="display:block" >
<div class="talklinks" style="display:block" >%%readlink%%<A HREF="%%urlpost%%">add comments</A> | <a href=http://www.livejournal.com/editjournal_do.bml?%%itemargs%%>edit</a> |  <a href="http://magick.m3lancholia.net/">Magick</a> </div></span> 
<p>

<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<style type="text/css">
<!--

/*BACKGROUND ~ THE TEXT ALIGN CENTER PUTS THE...*/
/*...WHOLE TABLE IN THE CENTER OF THE PAGE*/
body {
background-color: #FFECE6;
scrollbar-base-color: #FFECE6; 
background-image: url(http://layouts.cbimg7.com/27/13823d.jpg);
color:#000000;
font-family:tahoma;
font-size:11px;
margin:0;
text-align:center; }

/*MAIN PAGE LINKS*/
a, a:link, a:active, a:visited{ 
font-family:tahoma;
font-size:11px;
color:#000000;
text-decoration:underline; }

a:hover {
background-color: #000000;
font-family:tahoma;
font-size:11px;
color:#FB734B;
text-decoration:none; }

/*THE GREAT THING ABOUT THIS STYLE IS THAT THERE IS ONLY ONE TABLE ON THE MAIN VIEWS...*/
/*THAT MAKES CODING MUCH EASIER! THE MARGIN TOP IS IN A DIFFERENT PLACE THAN ON OTHER LAYOUTS.*/
/*IT IS HERE IN THE TABLE OVERRIDE.*/

table {
width: 602px;
border:1px solid #000000;
margin-left:auto;
margin-right:auto;
margin-top:450px; }

/*BAR THAT HAS YOUR USERNAME. ADD DISPLAY:NONE; IF YOU DON'T WANT IT*/
/*YOU MAY PUT A BACKGROUND IMAGE HERE IF YOU WISH.*/
/*YOU NEED A HEIGHT AND WIDTH IF YOU DO THIS*/
#topbar {
display:none;
background: #efefef;
padding-right:10px;
color: #000000;
height: 0;
width: 0;}

/*YOURNAME'S JOURNAL. DISPLAY:NONE; WILL HIDE THIS*/
#topbar h1 {
display:none;
margin-top: 5px;
margin-bottom: 0;
text-align: right;
font-size: 1.5em;}

/*THIS IS HIDDEN. IT NORMALLY SAYS RECENT ENTRIES*/
/*REMOVE THE DISPLAY:NONE; TO SHOW*/
#topbar h2 {
margin-top: 0;
margin-bottom: 5px;
text-align: center;
font-size: 1.25em;
display:none; }

/*SIDEBAR. YOU MAY HAVE A BACKGROUND IMAGE IF YOU WISH*/
#navbar {
color:#000000;
font-family:tahoma;
font-size:11px;
background-color: #FFEBE2;
color: #000000;
width: 25%;
border-right:2px solid #FFECE6; }

/*SIDEBAR PART OF TABLE*/
#navbar ul {
background-color: FFEBE2;
color:#000000;
font-family:tahoma;
font-size:11px;
list-style: none;
padding:0;
margin: 5px; }

/*TEXT IN SIDEBAR*/
#navbar ul li {
background-color: transparent;
color:#000000;
font-family:tahoma;
font-size:11px;
margin: 2;
font-size:11px; }

/*SIDEBAR LINKS*/
#navbar a:link, #navbar a:active, #navbar a:visited{ 
background-color: transparent;
font-family:tahoma;
font-size:11px;
color:#000000;
text-decoration:underline;  }

#navbar a:hover {
background-color: #000000;
font-family:tahoma;
font-size:11px;
color:FB734B;
text-decoration:none; }

/*ENTRY AREA. BACKGROUND MAY BE TRANSPARENT IF YOU WISH*/
#mainstuff {
padding:0px;
color:#000000;
font-family:tahoma;
font-size:11px;
width: 75%;
background-color: #FFEBE2;
font-size:11px; }

/*ICON AREA OF SIDEBAR*/
#userpic {
text-align: center;
margin: 10px;}

/*ICON IMAGE*/
#userpic img {
border: 0px solid white ;
background: none;}

/*ENTRIES (GO FIGURE)*/
#entries {
margin: 0px;}

/*VIEWING MOST RECENT. DISPLAY:NONE; WILL HIDE.*/
#range {
display:none;
padding:6px;
text-align:center;
color:#AFAFAF;}

/*DATE AREA*/
.day {
background-color:#FFC28F;
border-top: 1px dashed #FFFFFF;
clear: both; }

/*DATE TEXT*/
.day h3 {
border: 1none;
padding: 1px;
margin: 0;
text-align:left;
color:#000000;
font-family:tahoma;
font-size:11px;
font-weight:bold; 
text-transform:uppercase; }

/*THIS IS HIDDEN, IT'S A LINK AT THE BOTTOM OF THE PAGE*/
/*REMOVE DISPLY:NONE; TO SHOW*/
address {
text-align: center;
font-style: normal;
font-size: 0.95em;
display:none; }

/* TEXT OF ENTRIES*/
.entrytext {
padding: 0px;
text-align:justify;
color:#000000;
font-family:tahoma;
font-size:11px; }

.entry {display:block; text-align:left; clear:both; }

.entrytext p, .entrytext ul, .entrytext ol, .entrytext table {display:block; text-align:left; margin:0; }

/*SUBJECT AREA OF ENTRY*/
.entryheading {
text-align:left;
margin:0;
text-align:center;
color:#000000;
background-color:transparent;
border-bottom:1px dashed #FFFFFF; }

/*SUBJECT TEXT*/
.timestamp, .altposter, .subject{
background-color:transparent;
text-align:left;
display:inline;
color:#000000;
font-family:tahoma;
font-size:11px; text-transform:uppercase; }

/*FRIENDS PAGE*/
.altposter a {
font-family:tahoma;
font-size:11px;
color:#000000;
text-decoration:underline; }

/*COMMENT LINK PART*/
.talklinks {
font-family:tahoma;
font-size:10px;
color:#000000;
text-decoration:underline; 
text-align: center;
margin:0px;
clear: right;
padding:0px;
background-color:#FB734B;
border-top:1px dashed #FFFFFF; }

/*COMMENT LINK TEXT*/
.talklinks a, .talklinks a:link, .talklinks a:active, .talklinks a:visited { 
font-family:tahoma;
font-size:10px;
color:#000000;
text-decoration:underline; }

.talklinks a:hover {
background-color: #000000;
font-family:tahoma;
font-size:10px;
color:FB734B;
text-decoration:none; }

/*MOOD AND MUSIC TEXT*/
.currents{
font-family:tahoma;
font-size:11px;
color:#000000; }

/*HEADER IMAGE - MUST DEFINE WIDTH AND HEIGHT*/
.header{
position:absolute;
top:10px;
left:50%;
margin-left:-301px;
width:601px;
height:430px; border:1px solid #000000; }

/*CALENDAR TABLE*/
table table{
font-family:tahoma;
font-size:11px;
color:#000000; 
border:0;
width:70%;
background-color:#FFC28F; }

/*CALENDAR DAY BOXES*/
table table td{
background-color:#FFC28F; font-family:tahoma;
font-size:11px;
color:#000000; 
border:1px solid #000000;}
-->
</style>
<title>Mixed beauty ++ Brenda Song</title>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<p style="display:block" >
<div class="talklinks" style="display:block" >%%readlink%%<A HREF="%%urlpost%%">add comments</A> | <a href=http://www.livejournal.com/editjournal_do.bml?%%itemargs%%>edit</a> |  <a href="http://magick.m3lancholia.net/">Magick</a> </div></span> 
<p>

<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>25

LASTN_TALK_READLINK=><A HREF="%%urlread%%">%%messagecount%% comment%%mc-plural-s%%</A> |</span>

FRIENDS_TALK_READLINK=><A HREF="%%urlread%%">%%messagecount%% comment%%mc-plural-s%%</A> |</span>

CALENDAR_WEBSITE=><img src="http://layouts.cbimg7.com/27/13823c.jpg" class="header" galleryimg="no">

LASTN_WEBSITE<=


<p>
<b>Navigations</b> <br />
<li><a href="http://www.livejournal.com/customize/">Customize</a></li>
<li><a href="http://www.livejournal.com/update.bml">Update</a></li>
<li><a href="http://www.livejournal.com/friends/add.bml?user=fragmentx">Add Me</a></li>
<li><a href="http://my.livejournal.com/">Sign In</a></li>

<p>
<b>Links</b> <br />
<li><a href="http://myspace.com/moorepocket">Myspace</a></li>
<li><a href="http://xanga.com/moorepocket">Xanga</a></li>
<li><a href="http://moorepocket.blogspot.com">Blogger</a></li>
<li><a href="http://magick.m3lancholia.net">Site</a></li>
<li><a href="http://fragmentx.deviantart.com">DeviantArt</a></li>

<img src="http://layouts.cbimg7.com/27/13823c.jpg" class="header" galleryimg="no">
<=LASTN_WEBSITE

DAY_TALK_READLINK=><A HREF="%%urlread%%">%%messagecount%% comment%%mc-plural-s%%</A> | </span>

Layout Comments

Showing latest 8 of 8 comments

this layout is really cute. brenda song is a pretty good actress, so i`m glad you picked her as your topic. i love the banner and the background. great job!

By monxcheri on Aug 11, 2007 10:41 pm