InsaneJournal

Tweak says, "shadows and light"

welcome to the chestnut gallery -- (chestnutgallery) wrote,
@ 2012-06-22 03:03:00

Entry tags:

sidebar

generator layout: glass top

Live Preview:

glasstop

GLOBAL_HEAD<=
<title>JOURNAL TITLE</title>
<style type="text/css">

<!--
@import url(http://fonts.googleapis.com/css?family=Lustria|Poiret+One);

.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 {
text-transform: uppercase;
letter-spacing: 0px;
font-weight: bold;
line-height: 4pt;
font-size: 5pt;
font-family: helvetica, arial;
text-align: justify;
color:#3B3B3B;
}

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

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
.comments{
padding-bottom:20px;
padding-right:20px;
}

p{
padding:0;
margin:0;
}

body{
background:#EAEAEA;
background-image:url(http://i.imgur.com/ti7sZ.jpg);
background-attachment:fixed;
margin-top:60px;
}

table { 
width: 934px; 
background:#000000;  
}

table table { 
width: 530px; 
margin:0px;
border:0; 
float:right;
} 
table table table { 
width: auto; 
}

body, td, font, div, p { 
font-family: arial;
font-size: 8pt;
color: #D8D8D8;
letter-spacing: 0px;
}

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

.entrybox	
{background-color:transparent;
background-image:url(http://i.imgur.com/RCjai.png);
 visibility: visible;
padding:10px;}

.entrybox table{background:#000000;
margin-right: 20px;
line-height:82%;}

.entrybox td{
text-align: justify;
}
.entrybox td.index, .entrybox td.comments{
text-align: right;
background-color:#000000}

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

a {
color:#8E7252;
}
 
a:hover {
color:#FFFFFF;
text-decoration:none;
}

table.entrybox td.caption{
color:#FFFFFF; 
font-family:georgia; 
font-size:18pt; 
letter-spacing:-.1em;
}

#header{
position:absolute;
top:26px;
left:50%;
margin-left:-460px;
width:720px;
visibility:visible;
z-index: 2;
font-face:georgia;
font-size:30pt;
color:#000000;
}

.navlist a:link, .navlist a:visited, .navlist a:active {font-family: arial; letter-spacing: 2px; font-size: 6pt; display: block; padding: 6px; 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; background-color: #000000; color: #FFFFFF; margin-bottom: 2px;}
.navlist a:hover {background-color: #ffffff; color: #000000; padding-bottom: 8px; padding-top: 8px; text-decoration: none;}

.blurb {background-color: #000000; display: block; padding: 6px; font-family: arial; text-transform:uppercase; letter-spacing: 1px; font-size: 5pt; }

.foot a:link, .foot a:visited, .foot a:active {background-color:#FFFFFF; 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; text-decoration:none}
.foot a:hover {background-color: #000000; color: #98BE8A;}

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

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

FRIENDS_WEBSITE<=
<style type="text/css">
<!--
#sidebar{
position:absolute;
width:250px;
text-align:justify;
right:50%;
margin-right:170px;
top:120px;
visibility:visible;
color:#EAEAEA;
background:transparent;
padding-left: 4px;
padding-right: 4px;
}
#sidebar img{
margin:0;
padding:0;
background:none;
display: block;
}

.shadowed span#header img {
display: inline;
visibility: visible;
position: absolute;
}
-->
</style>

<div id="header">JOURNAL TITLE</div>

<div id="sidebar">
<img src="http://24.media.tumblr.com/tumblr_ljrhmjh4Fq1qgq3c3o1_500.gif" width="230px" style="border: 10px solid #000000">
<br>
<span class="navlist">
<a href="http://journalname.insanejournal.com/">What's New</a>
<a href="http://journalname.insanejournal.com/profile">About Me</a>
<a href="http://journalname.insanejournal.com/friends">Social Circle</a>
<a href="http://journalname.insanejournal.com/calendar">Into The Past</a>
</span>
<span class="blurb"><br><img src="http://i.imgur.com/ULKLv.png" width="70" style="border: 10px solid #212121; margin-right:3px" align="left">This is where you can put some kind of blurb or a bit of info or lyrics or something about yourself or whatever else you like. This is where you can put some kind of blurb or a bit of info or lyrics or something about yourself or whatever else you like. This is where you can put some kind of blurb or a bit of info or lyrics or something about yourself.<br><br></font></span>
</div>
<div></div>
<=FRIENDS_WEBSITE

FRIENDS_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2"><br>
<div class="foot"><a href="%%urlread%%">%%messagecount%%</a> <a href="%%urlpost%%"> + </a></div>
</div></td></tr>
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>3

DAY_WEBSITE<=
<style type="text/css">
<!--
#sidebar{
position:absolute;
width:250px;
text-align:justify;
right:50%;
margin-right:170px;
top:120px;
visibility:visible;
color:#EAEAEA;
background:transparent;
padding-left: 4px;
padding-right: 4px;
}
#sidebar img{
margin:0;
padding:0;
background:none;
display: block;
}

.shadowed span#header img {
display: inline;
visibility: visible;
position: absolute;
}
-->
</style>

<div id="header">JOURNAL TITLE</div>

CALENDAR_WEBSITE<=
<style type="text/css">
<!--
#sidebar{
position:absolute;
width:250px;
text-align:justify;
right:50%;
margin-right:170px;
top:120px;
visibility:visible;
color:#EAEAEA;
background:transparent;
padding-left: 4px;
padding-right: 4px;
}
#sidebar img{
margin:0;
padding:0;
background:none;
display: block;
}

.shadowed span#header img {
display: inline;
visibility: visible;
position: absolute;
}
-->
</style>

<div id="header">JOURNAL TITLE</div>

LASTN_WEBSITE<=
<style type="text/css">
<!--
#sidebar{
position:absolute;
width:250px;
text-align:justify;
right:50%;
margin-right:170px;
top:120px;
visibility:visible;
color:#EAEAEA;
background:transparent;
padding-left: 4px;
padding-right: 4px;
}
#sidebar img{
margin:0;
padding:0;
background:none;
display: block;
}

.shadowed span#header img {
display: inline;
visibility: visible;
position: absolute;
}
-->
</style>

<div id="header">JOURNAL TITLE</div>

LASTN_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2"><br>
<div class="foot"><a href="%%urlread%%">%%messagecount%%</a> <a href="%%urlpost%%"> + </a></div>
</div></td></tr>
<=LASTN_TALK_LINKS

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. In the Theme section under the Look and Feel tag select custom colors. Leave ALL FIELDS BLANK. Your Custom Colors fields should look like this.
4. Go to the Custom Options tag and copy & paste the code into the overrides box
5. In the code change "journalname" to the name of your journal
6. Replace the icon and journal title with your own
7. Replace the gif with your own gif or image
8. Save

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

(Post a new comment)

	sansastark 2012-06-22 09:23 am UTC (link)
	Ahhh, Jadice, your layouts are always so gorgeous! ♥ (Reply to this) (Thread)

	chestnutgallery 2012-06-23 10:11 pm UTC (link)
	THANK YOU LOVE BUG!! ♥♥♥ (Reply to this) (Parent)

	boatshoes 2012-06-22 04:32 pm UTC (link)
	flawlessssssss, buttercup ♥♥ (Reply to this) (Thread)

	chestnutgallery 2012-06-23 10:12 pm UTC (link)
	Psh, YOU'RE flawless loverface!! (Reply to this) (Parent)

	ilikethequiet 2012-06-23 10:58 pm UTC (link)
	This is just gorgeous! Taking it for this journal. (Reply to this) (Thread)

	chestnutgallery 2012-06-25 11:37 am UTC (link)
	I'm glad you like it! :D (Reply to this) (Parent)

	injudgement 2012-06-26 01:39 am UTC (link)
	UNNFFF GORGEOUS. This is Sarah haha I'm stealing your shit again, it's so good I want to rub my face all over it's face! (Reply to this) (Thread)

	chestnutgallery 2012-06-26 01:44 am UTC (link)
	SAAAAAARAAAAAAAAAAH UM YOU ARE TOTES LIKE MY FAVORITE CUSTOMER AT MY BOUTIQUE! (Reply to this) (Parent) (Thread)

	injudgement 2012-06-26 01:52 am UTC (link)
	JADISSSSSSSS I totes am. I'm the one addicted and coming in like 8 times a week drooling over everything all ALSO: I WILL BE IN NYC IN 2 WEEKS. MEET UP? Y/Y?? (Reply to this) (Parent) (Thread)

	chestnutgallery 2012-06-26 02:03 am UTC (link)
	OMG!! OMGGGG! YEEEEES! WHAT DATES ARE YOU GONNA BE IN THE CITY FOR!? IM GOING TO MIAMI FOR MY BIRTHDAY BUT IF YOU GET HERE BEFORE THEN WE CAN PARTY LIKE IT'S 1999! (Reply to this) (Parent) (Thread)

	injudgement 2012-06-26 02:06 am UTC (link)
	July 7-8, and then 14-18. U JUS LET ME KNOW BB, AND ITS ON LIKE DONKEY KONG! (Reply to this) (Parent)

	alwaysrobin 2012-06-28 03:34 am UTC (link)
	this is amazing YOU ARE AMAZING!! (Reply to this)

	calclery 2012-06-29 04:17 am UTC (link)
	absolutely gorgeous layout! thank you! (Reply to this)

	thinkspace 2012-09-13 04:13 pm UTC (link)
	AFDHFDKGHSA I JUST CAME ACROSS THIS JOURNAL AND. AND. These are honestly the most gorgeous s1 layouts I have EVER seen! I especially love this one, thank you for sharing it! (Reply to this) (Thread)

	chestnutgallery 2012-09-17 05:28 am UTC (link)
	AKDKHSKAJd OMG NEW PERSON!! :D :D OHAY WELCOME TO CHESTNUT! Thank you so much! I'm glad you like it ♥♥ (Reply to this) (Parent)

	beforedarkness 2012-09-19 01:51 am UTC (link)
	Using this here thanks :) (Reply to this)

orgasmdonor
2012-11-30 11:32 pm UTC (link)

Question...I used this layout for the journal I'm posting with and I altered the coding just slightly to widen everything to fit an embedded YT video, but it kind of knocked the sidebar alignment off kilter. I can't find where I should be altering to correct it...can you help? I changed this so that 934 was 1044 and 530 was 640:

I'm not sure which margin to tweak to correct it. If you can't help, I'll understand, I just thought it'd be worth a try.

(Reply to this)

	booitsme 2013-02-05 07:47 pm UTC (link)
	I finally decided to revamp my CDJ, and I decided upon this journal. Thank you for the gorgeous layout! (Reply to this)

	masterseverus 2013-02-15 08:10 pm UTC (link)
	Thank you so much! Your layouts are amazing. It took me a while (being computer illiterate) to figure it out, but it was completely worth it! (Reply to this)

	highflying 2013-03-08 03:11 am UTC (link)
	Oooo, so wonderful! I'm using this for a comm here, and I'd like to resize the icons to about 50%, but I don't have the CSS skillz to do so without mucking up the whole thing... can you give me a hand, because you're brilliant and amazing and wonderful? Pretty please? (Reply to this)

	ottomaton 2013-06-12 08:07 pm UTC (link)
	Just used this for my wonderful carnival barker automaton man on this journal - it's absolutely gorgeous, thank yooou! (Reply to this)

	kahve 2013-08-07 09:32 pm UTC (link)
	This is so freaking perfect for my New God of Coffee, it's not even funny. Thank you so much! (Reply to this)

	his_honor_mayor 2013-10-04 09:34 am UTC (link)
	using it here! You make the most gorgeous layouts, I've snagged one of yours for nearly every single one of my journals!!! (Reply to this)

	machineghost 2015-06-11 07:55 pm UTC (link)
	thank you so much for your awesome layouts! using here with all due credit. =) (Reply to this)

	nuckingfutsnix 2015-09-04 03:08 pm UTC (link)
	using for this layout. so bloody gorgeous. (Reply to this)

	mydeadromance 2017-02-05 06:34 am UTC (link)
	So I am stealing this for 3 journals (this one and my other personal and iconing journal) Totes love. (Reply to this)

	shadowmods 2017-05-29 06:18 am UTC (link)
	Brilliant! So lovely! quick query -- how to get more than 3 entries to display at a time? (Reply to this)