InsaneJournal

Tweak says, "Hey, Phineas. Whatcha dooin'?"

welcome to the chestnut gallery -- (

chestnutgallery) wrote,
@ 2012-08-23 03:35:00

generator layout: overhand shuffle

Live Preview:

overhandshuffle

FRIENDS_OPT_ITEMS=>25

FRIENDS_WEBSITE<=

<div id="sidebar">
<font class="title">journal title</font><br>
<font class="subtitle">journal subtitle goes here</font>
</div>

<br><br>
<span class="navlist">
<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="http://journalname.insanejournal.com/calendar">MON HISTORIE</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"><div id="footer">
<span style="background-color:#000000; padding: 4px; padding-left:10px; padding-right:10px;"><a href="%%urlread%%"><font color="#FFFFFF">%%messagecount%%</font></a></span>  <span style="background-color:#000000; padding: 4px; padding-left:10px; padding-right:10px;"><a href="%%urlpost%%"><font color="#FFFFFF"> + </font></a></span>
</div><br><br>
</td></tr>
<=DAY_TALK_LINKS

DAY_WEBSITE<=

<div id="sidebar">
<font class="title">journal title</font><br>
<font class="subtitle">journal subtitle goes here</font>
</div>

<div> </div>
<=DAY_WEBSITE

LASTN_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2"><div id="footer">
<span style="background-color:#000000; padding: 4px; padding-left:10px; padding-right:10px;"><a href="%%urlread%%"><font color="#FFFFFF">%%messagecount%%</font></a></span>  <span style="background-color:#000000; padding: 4px; padding-left:10px; padding-right:10px;"><a href="%%urlpost%%"><font color="#FFFFFF"> + </font></a></span>
</div><br><br>
</td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<title>JOURNAL TITLE</title>
<style>
<!--
body {
background-color: #EFEFEF;
background-image:url(http://i.imgur.com/VXms8.png);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:right bottom;
font-family: tahoma;
font-size: 8pt;
color: #C4B5AA;
line-height: 15pt;
margin:0; overflow-x:hidden; }

BODY, TD {
text-align: justify;}

table, tr, xmp, div, td, p {
text-align: justify;}

.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}

.meta {
font-size: 5pt;
text-transform: uppercase;
letter-spacing: 0px;
font-family: arial;
}

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

table table table td.meta
{padding: 1px;
 line-height: 4pt;
 font-size: 5pt;}

.entrybox .meta
{background-color: transparent;
text-align:center;
}

tr.caption{display:none }

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

/*YOUR SIDEBAR*/
#sidebar{
position:absolute;
top: 25px !important;
left: 100px !important;
width: 220px !important;
height: auto;
padding: 0px;
visibility: visible;
z-index:1;
background-color: transparent; }

html>body #sidebar{
position:absolute;
top: 25px !important;
left: 100px !important;
width: 500px !important;
height: auto;
padding: 0px;
visibility: visible;
z-index:1;
background-color: transparent; }

#sidebar img{display:inline; }

/*YOUR SIDEBAR*/
#sidebar2{
position:fixed !important;
_position:absolute;
top: 70px !important;
left: 80px !important;
width: 290px !important;
height: auto;
padding: 20px;
visibility: visible;
z-index:1;
background-color: transparent;
font-family: times new roman;
font-size: 6pt;
color: #FFFFFF;
letter-spacing: 1px;
line-height: 9pt; }

html>body #sidebar2{
position:fixed !important;
_position:absolute;
top: 70px !important;
left: 80px !important;
width: 290px !important;
height: auto;
padding: 20px;
visibility: visible;
z-index:1;
background-color: transparent;
font-family: times new roman;
font-size: 6pt;
color: #FFFFFF;
letter-spacing: 1px;
line-height: 9pt;; }

#sidebar2 img{display:inline; }

#footer{
float: right;
text-align:center;
width: 20%;
padding: 4px;
font-size: 8pt;
line-height: 10px;
font-family: helvetica;
letter-spacing: 1px; 
color: #FFFFFF;}

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

body {margin-top:40px !important; margin-top:40px; }

.content {background-color: transparent; }

table { 
width: 630px; 
margin-left: 440px !important;
margin-right:100%;
font-family: tahoma;
font-size: 8pt;
color: #C4B5AA;
line-height: 15pt; }

table table {width:100% !important; 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 
/* entry border */
{border:0px solid #3F2FB0;  }
.entrybox .index 
/* hiding bracket */
{color:#F6BF96; }

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

td.caption, .subject { 
background-color: #FFFFFF;
font-family:georgia;
color: #000000;
text-transform: uppercase; 
font-size: 14pt; 
letter-spacing: 1px;
border-bottom:0px solid #EEEEEE;
padding-bottom: 5px;}

p table table td.caption, .head{ 
line-height:25px; 
text-transform: uppercase; 
font-size: 14pt; 
letter-spacing: 1px;
font-family: georgia, serif; }

.comments {
font-size:5pt;
font-family:"georgia";
text-transform:uppercase;
letter-spacing: 2px;
}

.entrybox	
{background-color: #FFFFFF;
box-shadow: 2px 3px 10px 0px #777777;
 visibility: visible;}

.entrybox table{background:#FFFFFF}

.entrybox td.index, .index3{
display: none;
}

.entrybox td.index2{
text-align:center;
}

.entrybox td.caption{
text-align:center;
}

.index2 {font-style:normal; text-align:center;}

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

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

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

.title {color:#000000;font-family:georgia;text-transform: uppercase; font-size: 18pt; letter-spacing: 1px;border-bottom:1px dotted #000;}
.subtitle {color:#707070;font-weight:bold;font-family:Trebuchet MS;font-size: 6pt; text-transform: uppercase; letter-spacing: 2px; line-height:320%}

.navlist a:link, .navlist a:visited, .navlist a:active {font-family: courier new; display: block; width:250px; border-bottom:1px dotted #000000; 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;}
.navlist a:hover {color:#FFFFFF}

.userpic{
    width:110px;
    height:110px;
    padding:4px;
    display:block;
    box-shadow: 2px 3px 10px 0px #777777;
    background-color:#ffffff;
    align:right;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}

.userpic:hover{margin-left:30px;}
-->
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2"><div id="footer">
<span style="background-color:#000000; padding: 4px; padding-left:10px; padding-right:10px;"><a href="%%urlread%%"><font color="#FFFFFF">%%messagecount%%</font></a></span>  <span style="background-color:#000000; padding: 4px; padding-left:10px; padding-right:10px;"><a href="%%urlpost%%"><font color="#FFFFFF"> + </font></a></span>
</div><br><br>
</td></tr>
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>8

CALENDAR_WEBSITE<=

<div id="sidebar">
<font class="title">journal title</font><br>
<font class="subtitle">journal subtitle goes here</font>
</div>

<div> </div>
<=CALENDAR_WEBSITE

LASTN_WEBSITE<=

<div id="sidebar">
<font class="title">journal title</font><br>
<font class="subtitle">journal subtitle goes here</font>
</div>

<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. Replace the journal title and subtitle with your own
6. Replace the icons with your own
7. Save

Notes
• For this layout to work you MUST HAVE a web page in your userinfo.

(Read comments)

InsaneJournal

Post a comment in response: