InsaneJournal

Tweak says, "2. 4. 3."

welcome to the chestnut gallery -- (

chestnutgallery) wrote,
@ 2012-09-02 16:27:00

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

(Read comments)

InsaneJournal

Post a comment in response: