InsaneJournal

Tweak says, "you look a wee bit lost"

welcome to the chestnut gallery -- (chestnutgallery) wrote,
@ 2012-09-02 16:27:00

Entry tags:

header, inspiration:magazine, mouse over effects, no sidebar, wide resolution

generator layout: editorial spread

Live Preview:

editorialspread

FRIENDS_OPT_ITEMS=>25

FRIENDS_WEBSITE<=

<div id="sidebar"><center>
<span class="navlist"><font class="title">journal name</font><br>
<font class="hove">HOVER HERE FOR NAVIGATION</font><br><br>

<a href="http://journalname.insanejournal.com/">LE PLUS NOUVEAU</a>
<a href="http://journalname.insanejournal.com/profile">AU SUJET DE MOI</a>
<a href="http://journalname.insanejournal.com/friends">PAGE D'AMIS</a>
<a href="">LINK HERE</a>
<a href="">LINK HERE</a>
<a href="http://chestnutgallery.insanejournal.com/">© CHESTNUT GALLERY</a>
</span></div>

<div> </div>
<=FRIENDS_WEBSITE

DAY_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2">
<span class="foot"><a href="%%urlread%%"><font color="#FFFFFF">%%messagecount%%</font></a> <a href="%%urlpost%%"><font color="#FFFFFF"> + </font></a></span>
<br><br>
</td></tr>
<=DAY_TALK_LINKS

DAY_WEBSITE<=

<div id="sidebar"><center>
<span class="navlist"><font class="title">journal name</font><br>
<font class="hove">HOVER HERE FOR NAVIGATION</font><br><br>

<div> </div>
<=DAY_WEBSITE

LASTN_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2">
<span class="foot"><a href="%%urlread%%"><font color="#FFFFFF">%%messagecount%%</font></a> <a href="%%urlpost%%"><font color="#FFFFFF"> + </font></a></span>
<br><br>
</td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<title>journal name</title>
<style>
<!--
@import url(http://fonts.googleapis.com/css?family=Kristi);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

body {
background-color: #FFF;
font-family: tahoma;
font-size: 8pt;
color: #C4B5AA;
margin:0; 
overflow:hidden;}

table, tr, xmp, div, td, p {
margin-top:-22px}

/* MAIN JOURNAL */
div{
position:relative;
background-image:url(http://i1191.photobucket.com/albums/z465/embodimentof/3.png);
background-repeat:no-repeat;
width:1000px;
left:50%;
margin-left:-500px;
height:550px;
top:85px;
padding:0px;
overflow:auto;
}

/* DO NOT TOUCH!! */
div div{
width:auto;
height:auto;
overflow:hidden;
margin-left:0;
left:0;
top:0px;
}

.shadowed img{display:none; }

table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

table table .index
{background-color: transparent;
 line-height: 4pt;
 font-size: 5pt;
 font-family: arial;
 color: #000000;
 text-transform:uppercase;
 letter-spacing:1px;
 font-weight:bold;
 text-align:right;
 padding-top: 10px;
 width: auto;
}

.meta{
text-align: center;
}

table table table td.meta
{padding: 0px;
letter-spacing:0px;
line-height:90%;
letter-spacing:-1px;
font-size:7pt;
text-align:left}

.entrybox .meta
{background-color: transparent;
 padding: 0px;
text-align:center;
font-family: tahoma;
font-size: 8pt;
float:right
}

tr.caption{display:none }

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px }

#sidebar{
position:fixed !important;
top: 35px !important;
left: 0px !important;
width: 100% !important;
height: auto;
visibility: visible;
z-index:1;
background:transparent;
font-family: georgia;
font-size: 8pt;
padding-top:10px;
letter-spacing: 1px;}

html>body #sidebar{
position:fixed !important;
top: 35px !important;
left: 0px !important;
width: 100% !important;
height: auto;
visibility: visible;
z-index:1;
font-family: georgia;
background:transparent;
font-size: 8pt;
padding-top:10px;
letter-spacing: 1px;}

#sidebar img{display:inline;}

/*YOUR ENTRIES*/
table, tr, td, .shadowed {
background-color: transparent;  
color:#1E1E1E;
font-family: arial;
font-size:11px;
line-height: 10pt; }

body {margin-top:0px !important; margin-top:0px}
.content {background-color: #000000; margin-top:-12px}

table { 
width: 380px; 
font-family: tahoma;
font-size: 8pt;
color: #C4B5AA;
margin-top:-12px}

table table {width:100% !important; float:right;padding-right:-50px;margin:0 !important; background-color: transparent;} 
table table table {width:auto !important; background-color:transparent;} 
table td {border:0px solid #444444;}
table, table table td {border:none; padding:1px; background-color: transparent;}

.shadowed img
/* icons */
{color:#E3DECB; border:none;}
.entrybox .index 
/* hiding bracket */
{color:#F6BF96; }

a:link, a:active, a:visited{color: #D67D91; text-decoration:none}
a:hover{color:#000000;}

u { color: #444444;}
i { color: #D67D91;}
s { color: #999999;}

blockquote { padding:10px;  border: 1px solid #eeeeee;  background: transparent url(http://i.imgur.com/AdO58.png) repeat scroll 0 0; color: #777777; }

td.caption, .subject { 
background-color: transparent;
font-family: times new roman;
text-transform: uppercase;
height:30px;
width: 482px;
font-size:25px;
color: #000000;
border-bottom: 1px solid #c0c0c0;
line-height:60%; 
letter-spacing: 0px;
text-align: right;
font-family: 'Open Sans Condensed', sans-serif;  }

p table table td.caption, .head{ 
font-size: 20px; 
letter-spacing: 0px;
text-align: right;
padding-top:10px;
font-family: 'Open Sans Condensed', sans-serif;}

.entrybox	
{background-color: transparent;
 visibility: visible;
margin-left:514px;}

.entrybox table{background:#FFF;}
.entrybox div{background:transparent}

/*Entry Padding*/
.entrybox table td
{padding: 6px;
text-align:justify;}

.entrybox td.index, .index3 {display: none;}
.index2 {font-style:normal;}

.entrybox a.index font {
color: #000000;
font-family: sans-serif;
font-size:5px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
}

.entrybox a.index img{
width: 80px;
height: 80px;
}

.entrybox img{max-width: 300px;}

.foot a:link, .foot a:visited, .foot a:active {background-color:#000000; padding-top: 6px; padding-bottom: 6px; padding-left:10px; padding-right:10px; transition: all 0.6s ease-out; -o-transition-transition:  all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
.foot a:hover {background-color: #D67D91; color: #000;}

.ljuser img[src*="userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://i.imgur.com/Zgx5Q.png) !important;
padding: 16px 16px 0 0 !important;
}

.ljuser img[src*="community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://i.imgur.com/EM3YJ.png) !important;
padding: 15px 16px 0 0 !important;
}

.caption img[src="http://www.insanejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 10px 16px 4px 0;
background: url(http://i.imgur.com/OGgTS.png);
background-repeat: no-repeat;
}
.caption img[src="http://www.insanejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 4px 16px 10px 0;
background: url(http://i.imgur.com/yAFZh.png);
background-repeat: no-repeat;
}

.navlist {display:block;height:30px;width:200px;transition: all 0.4s ease-out; -o-transition-transition:  all 1s ease-out; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;}
.navlist:hover{padding-bottom:230px}
.navlist a:link, .navlist a:visited, .navlist a:active {font-family: courier new; background-color:#FFF;font-size:6pt; padding-top:10px; padding-bottom:10px;letter-spacing:1px; display: block; width:110px;transition: all 0.4s ease-out; -o-transition-transition:  all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; color: #000000;margin-bottom: 2px;opacity:0.8}
.navlist a:hover {opacity:1}

.title {font-family: 'Kristi';font-size:28px;color:#000;}
.hove {font-size:5pt;font-face:arial;line-height:240%}

-->
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2">
<span class="foot"><a href="%%urlread%%"><font color="#FFFFFF">%%messagecount%%</font></a> <a href="%%urlpost%%"><font color="#FFFFFF"> + </font></a></span>
<br><br>
</td></tr>
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>8

CALENDAR_WEBSITE<=

<div id="sidebar"><center>
<span class="navlist"><font class="title">journal name</font><br>
<font class="hove">HOVER HERE FOR NAVIGATION</font><br><br>

<div> </div>
<=CALENDAR_WEBSITE

LASTN_WEBSITE<=

<div id="sidebar"><center>
<span class="navlist"><font class="title">journal name</font><br>
<font class="hove">HOVER HERE FOR NAVIGATION</font><br><br>

<div> </div>
<=LASTN_WEBSITE

INSTRUCTIONS
1. Under Customize Journal select S1 as your Style System
2. In the Look and Feel tab set all your layouts to Generator
3. Go to the Custom Options tag and copy & paste the code into the overrides box
4. In the code change "journalname" to the name of your journal
5. Save

Notes
• For this layout to work you MUST HAVE a web page in your userinfo.
• If you use your own image for the background it must be AT LEAST 1000x550 in size.

SOME OTHER BACKGROUNDS YOU CAN USE

(Post a new comment)

	evaakeru 2012-09-03 02:50 pm UTC (link)
	Is there a way to place a border around the background image and NOT the header/navlist div as well? (Reply to this) (Thread)

	chestnutgallery 2012-09-04 06:52 am UTC (link)
	After you add the border to the div, put border:0; to the #sidebar{ and html>body #sidebar{ parts of the code. You should also set the border to zero under the part of the code that begins with .entrybox div, so that any div code used in the entries don't display a border. (Reply to this) (Parent)

	tessisamess 2012-09-04 04:07 am UTC (link)
	Ugh, you cuntrocket. Every time I finish editing a layout of yours to use you put new shit up and I want it. XD This is gawjuss, bb. (Reply to this) (Thread)

	chestnutgallery 2012-09-05 10:08 am UTC (link)
	IS CAUSE I CANT GET ENOUGH OF YO' LOVE BB!! I wants all your edits. ALL THE TESS EDITS!! (Reply to this) (Parent)

	anursefirst 2012-09-14 08:47 am UTC (link)
	This is absolutely gorgeous! (Reply to this)

	welshgirl 2012-09-20 08:48 pm UTC (link)
	This is beautiful. I just wanted to let you know that I'm snagging it for this journal. And I may be back to grab a few others for other journals. They're all so gorgeous! (Reply to this)

	amidala 2012-11-11 01:50 am UTC (link)
	I took the font from this one and spliced it into another layout of ours, on this journal! :) (Reply to this) (Thread)

	amidala 2012-11-11 01:52 am UTC (link)
	Oops. of YOURS I mean. XD (Reply to this) (Parent)

	amanda_lee 2013-02-12 11:26 pm UTC (link)
	I snagged this beautiful layout for my page but I can't seem to figure out why the moods and such on my friends page clump it all up and make it nearly unreadable. Is there a way to disable that? (Reply to this)

	sinoftheiris 2013-03-17 04:23 am UTC (link)
	Hi! I love this layout but I tried to be creative with the code without knowing what I was doing.. >> Trial and error and I think I messed up. Somehow I don't have a scoll bar for the posts and so the ending posts are cut off for me. Is there anyway to fix it? I'm posting from that journal. (Reply to this)

	dontsweatit 2013-04-10 04:28 pm UTC (link)
	GAHHH THANK YOUUU THIS SHIZ IS AMAZING AND IS PERFECT AND I LOVE YOUUUU! This is Sarah and I stole this for this journal crediting omg you bitch you're so perfect <33 (Reply to this)

	mugetsu 2013-04-28 01:58 am UTC (link)
	Using it for thsi asylum, thanks. (Reply to this) (Thread)

	nedcar 2013-12-02 03:22 pm UTC (link)
	Modified this for Christmas on this journal. Thanks! (Reply to this) (Parent)

	captainhart 2014-01-20 01:25 am UTC (link)
	Using for this journal, thank you! <3 (Reply to this)

	britmarvels 2015-01-24 10:41 pm UTC (link)
	Love this so much, using with a photo of my own at the following asylum (work in progress) http://asylums.insanejournal.com/talesofbernicia/ (Reply to this)

	mad_queen 2016-02-27 06:09 am UTC (link)
	I'm using this on two of my journals! Love it so much. I'm using it for this account and for lamprog as well! Credit in the navigation tab complete with link to your entries page. ^__^ thanks so much! I love your layouts! (Reply to this)