When one loses sight

Designer's Comments

Look carefully for specific instructions

Your settings must be adjusted so that your navigation bar is always visible for the layout to look normal. (Go to http://www.livejournal.com/manage/settings, and check this box: Always show the navigation strip to anyone who views your journal or community)

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 Generator
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 Generator

GLOBAL_HEAD<=

table {
width: 370px;
margin-left: 7px;
margin-right: 100%;
z-index: 0;
}
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
} 
html>body table{
position: relative;
}
img.header {
position: absolute;
left:0; 
top: 45;
z-index: -1;
}
html>body img.header  {
z-index: 0;
}
html>body div{
z-index: 2;
}
.shadowed img{
visibility:hidden;position:absolute;top:0
background: transparent;

}
-->

}
/* top right navigation links */
p .index {
color: #000000;
}
/* subject of journal entries */
p table table td.caption {
font-size:10pt;
text-decoration: italic;
font-weight: bold;
color: #000000;
font-family: Verdana;
}
.comments {
font-size: 10pt;
font-family: Verdana;
}
a:link, a:visited, a:active {
text-decoration: none; 
font-weight: bold;
color: #red; 
}
a:hover{
text-decoration: none;
font-weight: bold;
color: #000000; 
}
.entrybox td{
         text-align: justify;
         font-size: 11px;
         font-family: verdana;
         line-height: 14px;
         color: #000000;

}
/*date and time*/
.entrybox td.index {
         text-align: right;
         font-size: 9px;
         font-weight: none;
         text-transform: lowercase;
         color: #000000;
         border: 0;

}
-->
</style>

<=GLOBAL_HEAD

FRIENDS_WEBSITE<=
<IMG class="header" style="visibility: visible;" 
SRC='http://layouts.cbimg8.com/35/17590c.jpg' BORDER='0' USEMAP='#Map' style="visibility: visible;"> 
<map name="Map">
  <area shape="poly" coords="589,292,635,301,631,313,587,303" href="http://deliberated.livejournal.com/calendar">
  <area shape="poly" coords="645,304,687,313,685,324,642,315" href="http://deliberated.livejournal.com/friends">
  <area shape="poly" coords="697,317,741,326,736,337,694,326" href="http://deliberated.livejournal.com/profile">
  <area shape="poly" coords="720,328,665,316" href="#">

tr.caption{
        display:none
}
.shadowed td div{
        visibility: hidden;
        position: absolute;
        top: 1px
}
-->
</style>
<=FRIENDS_WEBSITE

LASTN_TALK_READLINK=><a href="%%urlread%%">Read %%messagecount%%</a> -

LASTN_DATE_FORMAT=><b><font face="Verdana" size="1">%%monlong%% %%dth%%|%%12h%%.%%min%%%%ampm%%</font></b>

DAY_WEBSITE<=
<IMG class="header" style="visibility: visible;" 
SRC='http://layouts.cbimg8.com/35/17590c.jpg' BORDER='0' USEMAP='#Map' style="visibility: visible;"> 
<map name="Map">
  <area shape="poly" coords="589,292,635,301,631,313,587,303" href="http://deliberated.livejournal.com/calendar">
  <area shape="poly" coords="645,304,687,313,685,324,642,315" href="http://deliberated.livejournal.com/friends">
  <area shape="poly" coords="697,317,741,326,736,337,694,326" href="http://deliberated.livejournal.com/profile">
  <area shape="poly" coords="720,328,665,316" href="#">

tr.caption{
        display:none
}
.shadowed td div{
        visibility: hidden;
        position: absolute;
        top: 1px
}
-->
</style>
<=DAY_WEBSITE

CALENDAR_WEBSITE<=
<IMG class="header" style="visibility: visible;" 
SRC='http://layouts.cbimg8.com/35/17590c.jpg' BORDER='0' USEMAP='#Map' style="visibility: visible;"> 
<map name="Map">
  <area shape="poly" coords="589,292,635,301,631,313,587,303" href="http://deliberated.livejournal.com/calendar">
  <area shape="poly" coords="645,304,687,313,685,324,642,315" href="http://deliberated.livejournal.com/friends">
  <area shape="poly" coords="697,317,741,326,736,337,694,326" href="http://deliberated.livejournal.com/profile">
  <area shape="poly" coords="720,328,665,316" href="#">
<style type="text/css">
<!--
table table table table .meta 
     {visibility:hidden;position:absolute;top:1px}
table table table table table .meta 
     {visibility:visible;position:relative;top:1px}

tr.caption{
        display:none
}
.shadowed td div{
        visibility: hidden;
        position: absolute;
        top: 1px
}
-->
</style>
<=CALENDAR_WEBSITE

LASTN_WEBSITE<=
<IMG class="header" style="visibility: visible;" 
SRC='http://layouts.cbimg8.com/35/17590c.jpg' BORDER='0' USEMAP='#Map' style="visibility: visible;"> 
<map name="Map">
  <area shape="poly" coords="589,292,635,301,631,313,587,303" href="http://deliberated.livejournal.com/calendar">
  <area shape="poly" coords="645,304,687,313,685,324,642,315" href="http://deliberated.livejournal.com/friends">
  <area shape="poly" coords="697,317,741,326,736,337,694,326" href="http://deliberated.livejournal.com/profile">
  <area shape="poly" coords="720,328,665,316" href="#">
<style type="text/css">
<!--
table table table table .meta 
     {visibility:hidden;position:absolute;top:1px}
table table table table table .meta 
     {visibility:visible;position:relative;top:1px}

tr.caption{
        display:none
}
.shadowed td div{
        visibility: hidden;
        position: absolute;
        top: 1px
}
-->
</style>

<=LASTN_WEBSITE

LASTN_TALK_LINKS<=
<tr>
<td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments" style="text-align: center">
%%readlink%%<a href="%%urlpost%%">Post Comment</a><br /><br />
<center><hr color="#052F38"></center>
</td>
</tr>
<=LASTN_TALK_LINKS

Layout Comments

Showing latest 10 of 13 comments

may I use this layout?

I may need help though..the image does not show up..

By ScarsofInnocencexxx on Apr 12, 2008 3:17 pm

Hey, this layout is really beautiful!
I'll use it - if I have your permission of course!

By mean-hamster on Jan 11, 2008 4:11 am

hey is there anyway you could center that profile for me.

By kcerberus23 on Sep 5, 2007 10:24 am

i think it's misaligned anyway, but i can't get the image to show up!! i just have the colors! please help me!

By firestallion on Jul 15, 2007 4:40 pm

This is awesome. I love the header image's blending.

By tokyo-rose on Jun 28, 2007 2:14 pm

The banner looks awesome! I love this!

By YourSuperior on Jun 3, 2007 6:22 pm

when I want to copy this in about me like all the other layouts, it doenst work? and when I want to see a preview on this page I can't see it so I don't know what to change..

By lieno on May 25, 2007 5:07 pm

i like the header!

By Chicago on May 14, 2007 10:04 pm

when i copied the code into my journal, the pic doesn't show up at all :(

By firestallion on May 13, 2007 7:11 pm

^ I think Azarel was talking about the blog misaglined in FF?Anyway..I really like the header..really nice blending..but theres just something missing from the layout...

By synthase on Apr 22, 2007 11:12 am

View all »

Layout Details

Designer	AliceBadeau
Submitted on	Apr 19, 2007
Page views	47,256
Favorites	36
Comments	13

When one loses sight

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates