InsaneJournal

Tweak says, "Damn the Man!"

wizardnamedoz (wizardnamedoz) wrote in rpglayouts,
@ 2010-05-05 22:21:00

Entry tags:

journal layouts

[journal layout] darwinian

S2 Bloggish || "1" Column

F A Q S.
name:	Darwinian
tested viewing:	FireFox 3.6 & IE 8/screen resolution of 1024x768 or greater
style:	S2 Bloggish - no theme, two columns [parading as one]
options:	header [725px] & link list along top
live preview:	unclearly @ insanejournal

I N S T R U C T I O N S.

insanejournal:

1. Go to Customize Journal
2. Select S2 under Style System, then click Save
3. Go to Look and Feel (the second tab)
4. Select Bloggish under Layout & Language
5. Select (none) under Themes, click Save again
6. Go to Custom Options (the third tab)
7. Select Two Columns (Sidebar on Left) under Layout Type
8. Copy/Paste the css code (below) into the Custom Stylesheet textbook at the bottom of the Custom Options tab
9. Click Save & voila!

C O D E.

css stylesheet by adel, sporkingly@gmail.com:

/*-------------------------------------------
    Darwinian Layout
    Style Bloggish w/ No Theme 
    made by adel aka sporkingly@gmail.com
    thanks to rpglayouts.insanejournal.com
--------------------------------------------*/

/*-------------------------------------------
             B O D Y & H E A D E R
--------------------------------------------*/

body {
	background: url('http://i44.tinypic.com/1268mk6.jpg') !important;
	text-align: justify;
	color: #938266;
	font-family: Palatino, serif;
	font-size: 10pt;
	margin: 20px 0 20px 90px;
	line-height: 18px;
	}

a, a:link, a:visited {
	color: #DACEB4;
        text-transform: lowercase;
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
	}

a:hover {
	color: #938266;
        text-transform: lowercase;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px #DACEB4 solid;
	padding: 2px;
	}

#container {
	margin: 20px auto !important;
	padding: 0px !important;
	width: 725px;
	}

#pagebody, #pagebody-inner {
	margin: 0px !important;
	padding: 0px !important;
	width: 725px;
	}

h1#banner-header, h2#banner-description {
	display: none; 
	}

#alpha {
        background: #F9F7E2;
        padding: 5px 10px;
	border: 6px #EBDEB2 solid;
	border-bottom: none !important;
        }

#alpha-inner  {
        margin: 0px;
        padding: 0px;
        }

#beta {
        background: #F9F7E2;
        padding: 5px 10px;
	border: 6px #EBDEB2 solid;
	border-top: none !important;
        }

#beta-inner {
	margin-top: 4px;
	}

/*-----------------------------------------
    Navigation Links (Previous/Next)
------------------------------------------*/

p.content-nav a {
	text-transform: uppercase;
	font-weight: normal;
	font-family: Palatino, serif;
	font-size: 10pt;
	color: #DACEB4;
	border: none !important;
	letter-spacing: -1px;
	border-top: 1px solid #EBDEB2;
	border-bottom: 1px solid #EBDEB2;
	}

p.content-nav a:hover {
	text-transform: uppercase;
	font-weight: normal;
	font-family: Palatino, serif;
	font-size: 10pt;
	color: #938266;
	border: none !important;
	letter-spacing: -1px;
	border-top: 1px solid #EBDEB2;
	border-bottom: 1px solid #EBDEB2;
	}

p.content-nav { 
	position: absolute;
	bottom: 0px;
	margin-left: -10px;
	margin-bottom: 10px;
	}

.content-nav {
	background: transparent !important;
	border-top: 1px solid #EBDEB2;
	border-bottom: 1px solid #EBDEB2;
	width: 713px;
	float: left;
	}

/*-----------------------------------------
                 S I D E B A R
------------------------------------------*/

.module {
	width: 693px;
	}
	
.module-typelist .module-list-item, .module-typelist ul.module-list { 
	display: inline !important;
	}

.module-typelist .module-list-item {
	line-height: 11px;
	padding: 0px 8px;
        }

.module-typelist .module-content {
	margin-top: 25px;
	margin-left: 0px;
	}

.module-typelist .module-list-item a {
	text-transform: uppercase;
	font-weight: normal;
	font-family: Palatino, serif;
	font-size: 10pt;
	color: #DACEB4;
	border: 1px solid #EBDEB2;
	letter-spacing: -1px;
	padding: 4px 8px;
	}

.module-typelist .module-list-item a:hover {
	text-transform: uppercase;
	font-weight: normal;
	font-family: Palatino, serif;
	font-size: 10pt;
	color: #F9F7E2;
	border: 1px solid #938266;
	padding: 4px 8px;
	background: #938266 !important;
	}

.module-header, .module-viewlinks, .module-categories, .module-powered, .module-photo, .module-calendar, .module-syndicate, .module-pagesummary {
	display: none;
        }

/*------------------------------------------
               E N T R I E S
--------------------------------------------*/

.entry {
        padding: 5px;
        margin: 0px; 
	}

.entry-content {
	margin-bottom: 0px;
	}

h2.date-header {
	color: #F9F7E2 !important;
	font-weight: normal;
	margin-bottom: 0px;
	margin-left: 5px;
        text-transform: uppercase;
	font-family: times, serif;
	font-size: 14px;
	letter-spacing: 5px;
	line-height: 7px;
	padding: 8px;
	background: #DACEB4;
	}

h3.entry-header {
	text-align: justify;
	font-family: Palatino, serif;
	font-size: 36px;
	font-weight: normal;
	letter-spacing: 5px;
	line-height: 25px;
        color: #F9F7E2;
        text-transform: uppercase;
	padding: 8px;
        margin-top: 2px;
	background: #938266;
	}

.entry-userpic {
	border: #DACEB4 2px solid;
	padding: 0px;
	}

blockquote {
	border: 2px #DACEB4 solid;
	padding: 5px;
	}

.ljtags {
	display: none;
	}

.entry-footer {
	color: #F9F7E2 !important;
	font-weight: bold;
	margin-bottom: 35px;
	margin-top: 10px;
        text-transform: lowercase;
	font-family: monospace;
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 15px;
	}

.entry-footer a {
	text-transform: uppercase;
	font-weight: normal;
	font-family: Palatino, serif;
	font-size: 10pt;
	color: #DACEB4;
	border: 1px solid #EBDEB2;
	letter-spacing: -1px;
	padding: 4px 8px;
	}

.entry-footer a:hover {
	text-transform: uppercase;
	font-weight: normal;
	font-family: Palatino, serif;
	font-size: 10pt;
	color: #F9F7E2;
	background: #938266 !important;
	border: none !important;
	letter-spacing: -1px;
	border: 1px solid #938266;
	}

.separator {
	padding: 0px 0px;
	display: none;
	}

M O D I F I C A T I O N S.

color schemes:

dna
	#938266	#DACEB4	#EBDEB2	#F9EDC7	#F9F7E2
lavender glass
	#D8C5C8	#C285A0	#2B1424	#6E345D	#401E36

backgrounds:

HERE made w/ COLOURlovers

HERE

header:

1. To add a head, paste the following in the code:
   #banner {
      background-image: url('URL HERE');
      height: NUMBERpx;
      margin: 5px 0px;
      }
2. Replace URL HERE in background-image: url('URL HERE'); with the full address of your header image
3. Replace NUMBER in height: NUMBERpx; with the numerical number of the height of your header image

link list:

The links along the top are part of your link list in lieu of the traditional standard links.
1. Go to Manage Link List
2. Home: http://USERNAME.insanejournal.com/
3. Profile: http://USERNAME.insanejournal.com/profile
4. Friends: http://USERNAME.insanejournal.com/friends
5. Replace USERNAME with your journal username.
6. Click Save Changes

E X A M P L E S.
journals @ work:

(Post a new comment)

	long_goodbye 2010-05-06 02:24 pm UTC (link)
	This layout is just gorgeous! However, I seem to be stuck doing something wrong -- I'm using it here but even tho I've put links in the link list and made a header, neither are showing! Do you know what I might be doing wrong? (Reply to this) (Thread)

	wizardnamedoz 2010-05-06 11:39 pm UTC (link)
	I'm so sorry, I'm an idiot. It's really two columns stacked on top of each other. When I was putting it up, I completely forgot about that fact. If you change the layout type to Two Columns (Sidebar on Left) it should fix it. I've already changed the instructions accordingly. If that doesn't fix your header as well, lemme know. (Reply to this) (Parent) (Thread)

	long_goodbye 2010-05-10 01:57 pm UTC (link)
	The header didn't show up, but that's okay -- I'm not wedded to the header. But now the links show up, which is all good -- and you're so not an idiot! Such a fabulous layout!! Thank you for the help and the use of it! (Reply to this) (Parent)

	saerabbande 2010-05-07 08:49 pm UTC (link)
	I'm not snagging right now, but this looks lovely! Awesome job! (Reply to this)

	lydiaz 2010-05-09 07:53 pm UTC (link)
	For some reason, when I paste the CSS in it doesn't give me the layout in the preview image. Am I doing something wrong or...? (Reply to this) (Thread)

	wizardnamedoz 2010-05-10 05:36 am UTC (link)
	Ah, thats what I get for using two different computers. It was me, so sorry. It's fixed now. :) (Reply to this) (Parent)

	phasedthrough 2010-05-15 07:09 pm UTC (link)
	This is gorgeous; thank you! I've used it on this journal, but I changed the font size in the h3 to be smaller. <3 (Reply to this)

	terrel_o 2010-05-15 11:47 pm UTC (link)
	Used it with this journal! Thank you <3 Is there any way to set it so it only has this layout in the journal, and not in the f-page, though? (Reply to this) (Thread)

	wizardnamedoz 2010-05-16 12:36 am UTC (link)
	hmmm, I'm sure there is a way, but I don't know it. I didn't write the code especially to show on the f-page so there is nothing code-wise I could take out. (Reply to this) (Parent) (Thread)

	terrel_o 2010-05-16 01:00 am UTC (link)
	I see... well, it's not a problem :) Thank you. (Reply to this) (Parent)

	moonykins 2010-05-16 03:08 am UTC (link)
	Hey! I used your pretty layout for this journal. But for some reason the UserInfo, Friends, etc links don't show up at the top. Is there something I've done wrongly? (Reply to this) (Thread)

	wizardnamedoz 2010-05-18 02:15 pm UTC (link)
	It's not the traditional links, it's actually your link list threw up there so you can add extra ones if you so choose. If you follow the directions in the last box from the modifications table above, it should fix it. (Reply to this) (Parent) (Thread)

	moonykins 2010-05-18 02:16 pm UTC (link)
	Thank you! :) (Reply to this) (Parent)

	knivesandstuff 2010-05-30 02:44 pm UTC (link)
	I love this layout! However I'm trying to use it in this journal and for some reason the links are all behaving strangely. I followed your instructions to the letter and I still can't quite figure out why it's misbehaving. I have it in Bloggish and Two Column (Sidebar Left). (Reply to this)

	devilclass 2010-07-05 09:22 am UTC (link)
	Awesome. I'll be using it for this journal. (Reply to this)

	pennybears 2010-07-12 12:31 pm UTC (link)
	<3 this layout. Installed it here, but can't seem to figure out why the entry borders aren't flush with the the links list border. I am using Safari, though, so perhaps it's just a matter of the browser? If you had any thoughts, I would love to hear them since I'm kind of LD when it comes to CSS/html (Reply to this)

	kingdommod 2010-07-17 12:24 am UTC (link)
	Sooooo preetttttyyyy.... (Reply to this)

	adiana 2010-07-22 04:38 pm UTC (link)
	I'm using it for this journal but for some reason the links at the bottom are lined up bizarrely. Is there any way to take some of them out? :\ (Reply to this)

	blackcassiopeia 2010-08-06 04:05 pm UTC (link)
	I fixed it! Nevermind. :) (Reply to this) (Thread)

	missserena 2010-09-20 03:41 am UTC (link)
	Can you tell me how you fixed it so the bottom links line up? o.O (Reply to this) (Parent)

	queenalvarie 2010-08-15 05:18 am UTC (link)
	I cannot believe I found a layout that fits this character so well. Thank you so much for sharing this! (Reply to this)

	frozen_dreamer 2010-08-31 06:14 pm UTC (link)
	Well I was having problems with the links, but I have since figured that out, but now I'm having an issue with the size of it. I'm not sure what I did, because I suck at HTML.:( Any help would be mucho appreciated! (Reply to this) (Thread)

	frozen_dreamer 2010-08-31 06:16 pm UTC (link)
	I figured it out! I hadn't declared no theme! So it was easily fixed once I went over it for the third time! Thanks! Lovely layout! (Reply to this) (Parent)

	penelopeclear 2010-10-15 09:16 pm UTC (link)
	used as my journal layout. Awesome job! (Reply to this) (Thread)

	beranyth 2011-02-20 10:06 pm UTC (link)
	Your journal looks gorgeous with this; would you mind telling me how you were able to weed out a few of those extra links beneath each post, so they line up nicely like that? I would be so grateful. (Reply to this) (Parent)

	margauxdarling 2010-11-28 06:21 pm UTC (link)
	Love this! Thank you! (Reply to this)

	loud_as_sirens 2011-02-23 10:48 pm UTC (link)
	Using it for this journal- just gorgeous :D Thanks! (Reply to this)

	malikahrose 2011-06-13 12:06 am UTC (link)
	using!!! Thanks! (Reply to this)

	princesspeyton 2011-06-26 11:19 pm UTC (link)
	just wanted to let y'all know i installed it for this RP journal (in purple)! so lovely! ♥ you can use my journal as an example post if you want :) (Reply to this)