1 Layout
New layout!

Name: Serenity
Credit: theshowisfree
Default colours: None
Style: Generator
Images: Sidebar
Divider
Background





GLOBAL_HEAD<= <style type="text/css"> <!-- /*GETS RID OF ICON*/ .shadowed img{ display:none; } /*HIDES YOUR NAVIGATION*/ 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 } /*POSITION YOUR HEADER*/ #x{ position:absolute; visibility: visible;top:0px; width: 780px; left:50%; margin-left:-285px; height: 351px; } /*YOUR SIDEBAR*/ #sidebar{ position:absolute; top:352px; left: 50%; margin-left: 300px; width: 119px;height: 100%; visibility: visible; z-index:1; font-size:8pt; text-align:justify; } #sidebar img{ display:inline; } body,font,td { font-family: verdana; color: #B4C8C8; font-size: 8pt; overflow-x: hidden; margin-top: 300; } /*BACKGROUND IMAGE*/ body { background-color:#FFFFFF; background-image: url(http://i7.photobucket.com/albums/y266/cdnstar/Layout/Serenity/Background.jpg); background-attachment:fixed; background-repeat: repeat-y; background-position: top left; } /*YOUR ENTRIES*/ table, tr, td, .shadowed { background: transparent; } table { width: 443px; left:50%; } table table { width: 100%; margin:0; } table table table { width: auto; } /*JUSTIFIES TEXT*/ .entrybox td{ position:relative; text-align: justify; } .entrybox td.index, .entrybox td.comments{ text-align: right; } /*LINKS*/ a{ color: #818181; } a:hover{ color: #B4C8C8; } --> </style> <=GLOBAL_HEAD LASTN_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"> The text, links, and pictures you want in your sidebar.<br /> -------------------- <br /> I am going to put an image in this sidebar. Usually when you hide your icon, you have to put a visibility code in every image you use. That is not necessary with this layout. We have not hidden our icon, we have DESTROYED it! It's gone. Not hiding. I just put a simple code in the HEAD overrides that will allow all of the sidebar pictures to show without extra code. Look:<br /><br /> </div> <!--This fixes a bug in Internet Explorer--> <div> </div> <div id="x"> <!--HEADER IMAGE--> <IMG SRC="http://i7.photobucket.com/albums/y266/cdnstar/Layout/Serenity/header-large_03.gif" border=0 width=732 height=351 USEMAP="#imgmap" style="display:inline;"> <MAP NAME="imgmap"> <AREA SHAPE=rect COORDS="60,324,148,340" HREF="http://www.livejournal.com/users/theshowisfree/friends" ALT="Friends Page"> <AREA SHAPE=rect COORDS="173,325,260,340" HREF="http://www.livejournal.com/users/theshowisfree/info" ALT="UserInfo"> <AREA SHAPE=rect COORDS="284,325,372,340" HREF="http://www.livejournal.com/users/theshowisfree" ALT="Recent Entries"> <AREA SHAPE=rect COORDS="398,323,486,340" HREF="http://www.livejournal.com/users/theshowisfree/calendar" ALT="Archive"> <AREA SHAPE=rect COORDS="607,325,695,342" HREF="http://www.livejournal.com/tools/memories.bml?user=theshowisfree" ALT="Memories"> <AREA SHAPE="DEFAULT" HREF="http://www.livejournal.com/"> </MAP> </div> <=LASTN_WEBSITE LASTN_TALK_READLINK=>{<a href="%%urlread%%">%%messagecount%%</a>} LASTN_TALK_LINKS<= <tr> <td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments" style="text-align: center"> <center><font face="verdana" size="-2">~ <a href="%%urlread%%" title="R E A D">.p.e.a.c.e.</a> ~ <a href="%%urlpost%%" title="P O S T">.s.p.e.a.k.</a> ~ <a href="http://livejournal.com/tools/memadd.bml?%%itemargs%%" title="+ M E M O R I E S">.r.e.m.e.m.b.e.r.</a> ~ <a href="http://livejournal.com/editjournal.bml?%%itemargs%%" title="E D I T">.d.e.s.i.g.n.</a> ~ %%messagecount%% ~</font> <p><img src="http://i7.photobucket.com/albums/y266/cdnstar/Layout/Serenity/Divider.jpg"></center> </center> </td> </tr> <=LASTN_TALK_LINKS GLOBAL_HEAD<= <style type="text/css"> <!-- /*GETS RID OF ICON*/ .shadowed img{ display:none; } /*HIDES YOUR NAVIGATION*/ 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 } /*POSITION YOUR HEADER*/ #x{ position:absolute; visibility: visible;top:0px; width: 780px; left:50%; margin-left:-285px; height: 351px; } /*YOUR SIDEBAR*/ #sidebar{ position:absolute; top:352px; left: 50%; margin-left: 300px; width: 119px;height: 100%; visibility: visible; z-index:1; font-size:8pt; text-align:justify; } #sidebar img{ display:inline; } body,font,td { font-family: verdana; color: #B4C8C8; font-size: 8pt; overflow-x: hidden; margin-top: 300; } /*BACKGROUND IMAGE*/ body { background-color:#FFFFFF; background-image: url(http://i7.photobucket.com/albums/y266/cdnstar/Layout/Serenity/Background.jpg); background-attachment:fixed; background-repeat: repeat-y; background-position: top left; } /*YOUR ENTRIES*/ table, tr, td, .shadowed { background: transparent; } table { width: 443px; left:50%; } table table { width: 100%; margin:0; } table table table { width: auto; } /*JUSTIFIES TEXT*/ .entrybox td{ position:relative; text-align: justify; } .entrybox td.index, .entrybox td.comments{ text-align: right; } /*LINKS*/ a{ color: #818181; } a:hover{ color: #B4C8C8; } --> </style> <=GLOBAL_HEAD FRIENDS_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"> The text, links, and pictures you want in your sidebar.<br /> -------------------- <br /> I am going to put an image in this sidebar. Usually when you hide your icon, you have to put a visibility code in every image you use. That is not necessary with this layout. We have not hidden our icon, we have DESTROYED it! It's gone. Not hiding. I just put a simple code in the HEAD overrides that will allow all of the sidebar pictures to show without extra code. Look:<br /><br /> </div> <!--This fixes a bug in Internet Explorer--> <div> </div> <div id="x"> <!--HEADER IMAGE--> <IMG SRC="http://i7.photobucket.com/albums/y266/cdnstar/Layout/Serenity/header-large_03.gif" border=0 width=732 height=351 USEMAP="#imgmap" style="display:inline;"> <MAP NAME="imgmap"> <AREA SHAPE=rect COORDS="60,324,148,340" HREF="http://www.livejournal.com/users/theshowisfree/friends" ALT="Friends Page"> <AREA SHAPE=rect COORDS="173,325,260,340" HREF="http://www.livejournal.com/users/theshowisfree/info" ALT="UserInfo"> <AREA SHAPE=rect COORDS="284,325,372,340" HREF="http://www.livejournal.com/users/theshowisfree" ALT="Recent Entries"> <AREA SHAPE=rect COORDS="398,323,486,340" HREF="http://www.livejournal.com/users/theshowisfree/calendar" ALT="Archive"> <AREA SHAPE=rect COORDS="607,325,695,342" HREF="http://www.livejournal.com/tools/memories.bml?user=theshowisfree" ALT="Memories"> <AREA SHAPE="DEFAULT" HREF="http://www.livejournal.com/"> </MAP> </div> <=FRIENDS_WEBSITE FRIENDS_TALK_READLINK=>{<a href="%%urlread%%">%%messagecount%%</a>} FRIENDS_TALK_LINKS<= <tr> <td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments" style="text-align: center"> <center><font face="verdana" size="-2">~ <a href="%%urlread%%" title="R E A D">.p.e.a.c.e.</a> ~ <a href="%%urlpost%%" title="P O S T">.s.p.e.a.k.</a> ~ <a href="http://livejournal.com/tools/memadd.bml?%%itemargs%%" title="+ M E M O R I E S">.r.e.m.e.m.b.e.r.</a> ~ <a href="http://livejournal.com/editjournal.bml?%%itemargs%%" title="E D I T">.d.e.s.i.g.n.</a> ~ %%messagecount%% ~</font> <p><img src="http://i7.photobucket.com/albums/y266/cdnstar/Layout/Serenity/Divider.jpg"></center> </center> </td> </tr> <=FRIENDS_TALK_LINKS GLOBAL_HEAD<= <style type="text/css"> <!-- /*GETS RID OF ICON*/ .shadowed img{ display:none; } /*HIDES YOUR NAVIGATION*/ 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 } /*POSITION YOUR HEADER*/ #x{ position:absolute; visibility: visible;top:0px; width: 780px; left:50%; margin-left:-285px; height: 351px; } /*YOUR SIDEBAR*/ #sidebar{ position:absolute; top:352px; left: 50%; margin-left: 300px; width: 119px;height: 100%; visibility: visible; z-index:1; font-size:8pt; text-align:justify; } #sidebar img{ display:inline; } body,font,td { font-family: verdana; color: #B4C8C8; font-size: 8pt; overflow-x: hidden; margin-top: 300; } /*BACKGROUND IMAGE*/ body { background-color:#FFFFFF; background-image: url(http://i7.photobucket.com/albums/y266/cdnstar/Layout/Serenity/Background.jpg); background-attachment:fixed; background-repeat: repeat-y; background-position: top left; } /*YOUR ENTRIES*/ table, tr, td, .shadowed { background: transparent; } table { width: 443px; left:50%; } table table { width: 100%; margin:0; } table table table { width: auto; } /*JUSTIFIES TEXT*/ .entrybox td{ position:relative; text-align: justify; } .entrybox td.index, .entrybox td.comments{ text-align: right; } /*LINKS*/ a{ color: #818181; } a:hover{ color: #B4C8C8; } --> </style> <=GLOBAL_HEAD DAY_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"> The text, links, and pictures you want in your sidebar.<br /> -------------------- <br /> I am going to put an image in this sidebar. Usually when you hide your icon, you have to put a visibility code in every image you use. That is not necessary with this layout. We have not hidden our icon, we have DESTROYED it! It's gone. Not hiding. I just put a simple code in the HEAD overrides that will allow all of the sidebar pictures to show without extra code. Look:<br /><br /> </div> <!--This fixes a bug in Internet Explorer--> <div> </div> <div id="x"> <!--HEADER IMAGE--> <IMG SRC="http://i7.photobucket.com/albums/y266/cdnstar/Layout/Serenity/header-large_03.gif" border=0 width=732 height=351 USEMAP="#imgmap" style="display:inline;"> <MAP NAME="imgmap"> <AREA SHAPE=rect COORDS="60,324,148,340" HREF="http://www.livejournal.com/users/theshowisfree/DAY" ALT="DAY Page"> <AREA SHAPE=rect COORDS="173,325,260,340" HREF="http://www.livejournal.com/users/theshowisfree/info" ALT="UserInfo"> <AREA SHAPE=rect COORDS="284,325,372,340" HREF="http://www.livejournal.com/users/theshowisfree" ALT="Recent Entries"> <AREA SHAPE=rect COORDS="398,323,486,340" HREF="http://www.livejournal.com/users/theshowisfree/calendar" ALT="Archive"> <AREA SHAPE=rect COORDS="607,325,695,342" HREF="http://www.livejournal.com/tools/memories.bml?user=theshowisfree" ALT="Memories"> <AREA SHAPE="DEFAULT" HREF="http://www.livejournal.com/"> </MAP> </div> <=DAY_WEBSITE DAY_TALK_READLINK=>{<a href="%%urlread%%">%%messagecount%%</a>} DAY_TALK_LINKS<= <tr> <td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments" style="text-align: center"> <center><font face="verdana" size="-2">~ <a href="%%urlread%%" title="R E A D">.p.e.a.c.e.</a> ~ <a href="%%urlpost%%" title="P O S T">.s.p.e.a.k.</a> ~ <a href="http://livejournal.com/tools/memadd.bml?%%itemargs%%" title="+ M E M O R I E S">.r.e.m.e.m.b.e.r.</a> ~ <a href="http://livejournal.com/editjournal.bml?%%itemargs%%" title="E D I T">.d.e.s.i.g.n.</a> ~ %%messagecount%% ~</font> <p><img src="http://i7.photobucket.com/albums/y266/cdnstar/Layout/Serenity/Divider.jpg"></center> </center> </td> </tr> <=DAY_TALK_LINKS GLOBAL_HEAD<= <style type="text/css"> <!-- /*GETS RID OF ICON*/ .shadowed img{ display:none; } /*HIDES YOUR NAVIGATION*/ 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 } /*POSITION YOUR HEADER*/ #x{ position:absolute; visibility: visible;top:0px; width: 780px; left:50%; margin-left:-285px; height: 351px; } /*YOUR SIDEBAR*/ #sidebar{ position:absolute; top:352px; left: 50%; margin-left: 300px; width: 119px;height: 100%; visibility: visible; z-index:1; font-size:8pt; text-align:justify; } #sidebar img{ display:inline; } body,font,td { font-family: verdana; color: #B4C8C8; font-size: 8pt; overflow-x: hidden; margin-top: 300; } /*BACKGROUND IMAGE*/ body { background-color:#FFFFFF; background-image: url(http://i7.photobucket.com/albums/y266/cdnstar/Layout/Serenity/Background.jpg); background-attachment:fixed; background-repeat: repeat-y; background-position: top left; } /*YOUR ENTRIES*/ table, tr, td, .shadowed { background: transparent; } table { width: 443px; left:50%; } table table { width: 100%; margin:0; } table table table { width: auto; } /*JUSTIFIES TEXT*/ .entrybox td{ position:relative; text-align: justify; } .entrybox td.index, .entrybox td.comments{ text-align: right; } /*LINKS*/ a{ color: #818181; } a:hover{ color: #B4C8C8; } --> </style> <=GLOBAL_HEAD CALENDAR_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"> The text, links, and pictures you want in your sidebar.<br /> -------------------- <br /> I am going to put an image in this sidebar. Usually when you hide your icon, you have to put a visibility code in every image you use. That is not necessary with this layout. We have not hidden our icon, we have DESTROYED it! It's gone. Not hiding. I just put a simple code in the HEAD overrides that will allow all of the sidebar pictures to show without extra code. Look:<br /><br /> </div> <!--This fixes a bug in Internet Explorer--> <div> </div> <div id="x"> <!--HEADER IMAGE--> <IMG SRC="http://i7.photobucket.com/albums/y266/cdnstar/Layout/Serenity/header-large_03.gif" border=0 width=732 height=351 USEMAP="#imgmap" style="display:inline;"> <MAP NAME="imgmap"> <AREA SHAPE=rect COORDS="60,324,148,340" HREF="http://www.livejournal.com/users/theshowisfree/CALENDAR" ALT="CALENDAR Page"> <AREA SHAPE=rect COORDS="173,325,260,340" HREF="http://www.livejournal.com/users/theshowisfree/info" ALT="UserInfo"> <AREA SHAPE=rect COORDS="284,325,372,340" HREF="http://www.livejournal.com/users/theshowisfree" ALT="Recent Entries"> <AREA SHAPE=rect COORDS="398,323,486,340" HREF="http://www.livejournal.com/users/theshowisfree/calendar" ALT="Archive"> <AREA SHAPE=rect COORDS="607,325,695,342" HREF="http://www.livejournal.com/tools/memories.bml?user=theshowisfree" ALT="Memories"> <AREA SHAPE="DEFAULT" HREF="http://www.livejournal.com/"> </MAP> </div> <=CALENDAR_WEBSITE CALENDAR_TALK_READLINK=>{<a href="%%urlread%%">%%messagecount%%</a>} CALENDAR_TALK_LINKS<= <tr> <td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments" style="text-align: center"> <center><font face="verdana" size="-2">~ <a href="%%urlread%%" title="R E A D">.p.e.a.c.e.</a> ~ <a href="%%urlpost%%" title="P O S T">.s.p.e.a.k.</a> ~ <a href="http://livejournal.com/tools/memadd.bml?%%itemargs%%" title="+ M E M O R I E S">.r.e.m.e.m.b.e.r.</a> ~ <a href="http://livejournal.com/editjournal.bml?%%itemargs%%" title="E D I T">.d.e.s.i.g.n.</a> ~ %%messagecount%% ~</font> <p><img src="http://i7.photobucket.com/albums/y266/cdnstar/Layout/Serenity/Divider.jpg"></center> </center> </td> </tr> <=CALENDAR_TALK_LINKS