nameless_layout

S	M	T	W	T	F	S
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28

Name: Cork Board
Layout Style: S2 Bloggish
Best view: 1024x768 and up
Browser(s) Compatible: Tested in IE7 and Firefox
Account Levels: All
Credit:

stellastars
Preview: (click to view full-size)

Note: This layout uses many images and may not be ideal for users on dial-up. If using for livejournal on a Plus account, set Ad Placement to Vertical.

Directions for insanejournal:

1. Go to customize journal.
2. Click "Look and Feel" and select "Bloggish" in the "Layout and Language" section and "None" in the "Themes" menu.
3. Click "Custom Options" and in the "Layout Type" menu select "Two column (Sidebar on Left)" then click "Custom CSS."
4. Leave "Use layout's "Base Weblog" stylesheet" on "Yes" and leave "Custom external stylesheet URL" blank.
4.5 (Optional) Save images to your own image host and replace their URLs in the code.
5. Copy the code below and paste in the "Custom stylesheet" box.
6. Click "Save Changes."


Images for S2 Bloggish Cork Board Layout

CBBody.jpg	CBContainer.jpg	CBContainIn.jpg	CBPageBody.jpg
CBPageIn.jpg	CBAlphaHead.jpg	CBSkipLinks.jpg	CBBannerIn.jpg
CBEntry.jpg	CBDate.png	CBEntryMid.jpg	CBFooter.jpg
CBViewLinks.png	CBModMid.jpg	CBli.png	CBModLinksTop.png
CBModTagsTop.png	CBModPgSumTop.png	CBModBot.jpg	CBSynTop.jpg
CBPower.jpg	CBArchiveBeta.jpg	CBArchiveBetaUL.jpg	CBComments.png
CBCommentTag.jpg	CBReply.jpg

/* Cork Board */
/* S2 Style - Bloggish */
/* Theme - Unstyled on LJ or None on IJ */
/* Layout Type - Two column (Sidebar on Left) */
/* Made by stellastars.livejournal.com = stellastars.insanejournal.com */

/* Updated and Corrected on March 19, 2008 */

/*---All-Over Stuff---*/

* { margin: 0px; padding: 0px; }

font {font-family:inherit; font-size:inherit; color:inherit}

a {     
	color: #B60A15;
	text-decoration: none; 
	}

a:hover {
	color: #9c7146;
	}

blockquote {
	font-size: 10px;
	margin: 10px 50px; 
	padding: 12px; 
	font-style: italic;	
	}

ol, ul {
	margin: 10px 40px;
	padding: 0px 0px 10px 0px;
	}

input, textarea {
	margin: 1px; 
	background-color: #EDE8B1;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: 'trebuchet ms', helvetica, arial, sans-serif;
	}

/*---Main Body---*/

body {
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBBody.jpg) top left repeat #EDE8B1;
	font-family: 'trebuchet ms', helvetica, arial, sans-serif;
	font-size: 12px;
	}

#container {
	width: 900px; 
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBContainer.jpg) bottom left no-repeat transparent;
	padding: 0px 0px 70px 0px;	
	}

#container-inner {
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBContainIn.jpg)  top right repeat-y transparent; 
	padding: 0px 70px 0px 0px;
	}

#pagebody {
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBPageBody.jpg) top left repeat #a87e4c;
	}

#pagebody-inner {
	padding: 0px;
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBPageIn.jpg) top left repeat-y transparent;
	}

#alpha {
	width: 290px; 
	padding: 150px 0px 0px 0px;
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBAlphaHead.jpg) top right no-repeat transparent;
	}

#beta {
	width: 540px; 
	}

#beta-inner {
	padding: 200px 0px 0px 0px;
	}

.content-nav {
	background: transparent;
	position: relative;
	top: -58px;
	right: 70px;
	text-align: right; 
	font-size: 0px; 
	color: transparent;
	z-index: 20;
	}

.skiplinks {
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBSkipLinks.jpg) left center no-repeat transparent;
	font-size: 0px;
	color: transparent;
	padding: 38px 0px 38px 4px;
	}

.content-nav a, 
.skiplinks a {
	font-size: 12px;
	text-transform: lowercase;
	padding: 0px 0px 0px 8px;
	color: #4C4C4C;
	}

.content-nav a:hover, 
.skiplinks a:hover {
	color: #B60A15;
	}

/*---Header Image---*/

#banner {
	width: 900px;
	}

#banner-inner {
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBBannerIn.jpg) top left no-repeat transparent;
	height: 70px;
	}

#banner h1 {
position: relative;
top: 16px;
padding: 0px;
margin: 0px;
text-align: center;
color: #000000;
font-size: 19px;
text-transform: capitalize;
}

#banner h2 {
position: relative;
top: 13px; 
padding: 0px;
margin: 0px;
text-align: center;
color: #000000;
font-size: 12px;
text-transform: capitalize;
}

/*-----Entry-----*/

.entry {
	padding: 60px 0px 0px 0px;
	margin: 0px 0px 0px 35px;
        width: 505px;
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBEntry.jpg) top left no-repeat #edde63;
	}

h2.date-header {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 5px 430px 0px 10px;
	padding: 31px 5px 33px 6px;
	text-align: center;
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBDate.png) center center no-repeat transparent; 
	position: relative;
	top: 46px; 
	z-index: 20;
	}

h3.entry-header  {
	font-size: 20px;
	text-transform: capitalize;
	padding: 0px 0px 5px 30px;
	margin: 0px;
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBEntryMid.jpg) top left repeat-y  #edde63; 
	}

h3.entry-header a {
	background: transparent;
	}

.entry-userpic {
	padding: 3px 50px 3px 3px;
	margin: 3px;
	background: transparent;
	}

p.poster, 
.poster .ljuser {
	display: block;
	font-size: 9px;
	text-transform: lowercase;
	}

.entry-content { 
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBEntryMid.jpg) top left repeat-y #edde63; }

.entry-body a {
	font-weight: bold;
	}

.entry-body {
	padding: 10px 50px 10px 35px;
	margin: 0px 0px 0px 0px;
	}

.entry-body img {
	max-width: 412px;
	overflow: hidden;
	}

.metadata strong {
	font-weight: normal;
	}

.metadata, 
.metadata a,
.ljtags a, 
.entry-footer a {
	font-size: 9px;
	text-transform: lowercase;
	}

.ljtags {
	font-size: 9px;
	text-transform: lowercase;
	padding: 0px;
	}

.entry-footer {
	color: #B60A15;
	text-align: center;
	font-size: 9px;
	text-transform: lowercase;
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBFooter.jpg) bottom left no-repeat #edde63;
	padding: 5px 50px 78px 40px;
	margin: 0px 0px 0px 0px;
	width: 415px;
	}

/*----Sidebar----*/

.module-viewlinks {
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBViewLinks.png) top left no-repeat #ffffff;
	position: absolute;
	top: 0px;
	left: 500px; 
	width: 276px;
	height: 190px;
	padding: 0px;
	z-index: 20;
	}

.module-viewlinks ul {
	padding: 69px 0px 0px 30px;
	}

.module-viewlinks li {
	padding: 0px;
	line-height: 11px;
	}

.module-viewlinks a {
	color: #4C4C4C;
	background: transparent;
	text-transform: lowercase;
	}

.module-viewlinks a:hover {
	color: #B60A15;
	}

.module-ads {
	position: absolute;
	top: 200px;
	left: -180px;
	z-index: 0;
	}

.module-syndicate .module-content,
.module-powered .module-content {
	padding: 0px;
	margin: 0px;
	}

.module-typelist .module-content, 
.module-categories .module-content,
.module-pagesummary .module-content {
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBModMid.jpg) top left repeat-y #b2bfd2;
	padding: 10px 0px;
	margin: 0px;
	}

.module-typelist li, 
.module-categories li,
.module-pagesummary li {
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBli.png) top left no-repeat transparent;
	padding: 2px 2px 5px 15px;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: normal;
	line-height: 12px;
	margin: 0px 12px;
	}

.module-typelist a, 
.module-categories a, 
.module-pagesummary a  {
	text-transform: lowercase;
	color: #000000;
	}

.module-typelist a:hover, 
.module-categories a:hover,
.module-pagesummary a:hover {
	color: #B60A15;
	}

.module-typelist .module-header {
	font-size: 0px;
	color: transparent;
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBModLinksTop.png) top left no-repeat #b2bfd2;
	height: 82px;
	margin: 20px 0px 0px 0px;
	}

.module-categories .module-header {
	font-size: 0px;
color: transparent;
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBModTagsTop.png) top left no-repeat #b2bfd2;
	height: 82px;
	margin: 20px 0px 0px 0px;
	}

.module-pagesummary .module-header {
	font-size: 0px;
	color: transparent;
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBModPgSumTop.png) top left no-repeat #b2bfd2;
	height: 82px;
	margin: 20px 0px 0px 0px;
	}

.module-typelist, 
.module-categories, 
.module-pagesummary {
	width: 200px !important;
	padding: 0px 0px 14px 0px;
	margin: 0px 10px 0px 70px;
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBModBot.jpg) bottom left no-repeat transparent;
	}

.module-syndicate {
	text-align: center;
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBSynTop.jpg) top left no-repeat #ffffff;
	width: 200px! important;
	padding: 58px 0px 0px 0px;
	margin: 20px 10px 0px 70px;
	}

.module-powered {
	text-align: center;
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBPower.jpg) top left no-repeat #ffffff;
	width: 200px! important;
	padding: 5px 0px 40px 0px;
	margin: 0px 10px 0px 70px;
	font-style: italic;
	}

.module-powered a {
	font-weight: normal;
	background: transparent;
	font-style: italic;
	}

/*-Archive Pages-*/

.lj-view-archive #beta-inner.pkg {
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBArchiveBeta.jpg)  bottom left repeat-y #30200d;
	padding: 0px 0px 20px 0px;
	margin: 200px 0px 0px 0px;
	}

.lj-view-archive #beta ul {
	list-style-type: none;	
	padding: 30px 0px 0px 0px;
	margin: 0px;
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBArchiveBetaUL.jpg) top left no-repeat transparent; 
	}

.lj-view-archive #beta li {
	margin: 2px 0px;
	padding: 0px 0px 0px 40px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	}

.lj-view-archive #beta table {
	width: 315px !important;
	border:  2px #000000 solid !important;
	}

.lj-view-archive #beta th {
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: center !important;
	width: 45px !important;
	border:  2px #000000 solid !important;
	}

.lj-view-archive #beta td {
	padding: 2px 4px 10px 10px;
	font-size: 9px;
	text-decoration: none;
	height: 35px;
	border: 1px solid #000000 !important;
	}

.lj-view-archive #beta td a {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 0px !important;
	line-height: 10px !important;
	}

.lj-view-day #beta-inner h2 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 5px 430px 0px 10px;
	padding: 30px 5px 33px 6px; 
	text-align: center;
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBDate.png) center center no-repeat transparent;
	position: relative;
	top: 46px;
	z-index: 20;
	}

/*-Comment Pages-*/

h3.comments-header {
	font-size: 0px;
	color: transparent;
	}

.comments {
	padding: 60px 50px 0px 0px;
	margin: 0px 0px 0px 35px;
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBComments.png) top left no-repeat #edde63;
	width: 455px;
	}

.comments-content {
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBEntryMid.jpg) top left repeat-y #edde63;
	padding: 10px 50px 10px 35px;
	margin: 0px;
	width: 420px;
	}

h3.comment-header {
	font-size: 14px;
	text-transform: capitalize;
	border-top: 1px dashed #000000;
	padding: 0px 5px;
	}

.lj-view-entry #beta-inner.pkg {
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBCommentTag.jpg) bottom right no-repeat transparent;
	padding:  0px 0px 28px 0px;
	margin: 200px 0px 0px 0px;
	width: 540px;
	}

.comment-content {
	padding: 0px 0px 0px 18px;
	}

.comment-content a {
	font-weight: bold;
	}

.comment-footer {
	color: #B60A15;
	text-align: center;
	font-size: 9px;
	text-transform: lowercase;
	border-bottom: 1px dashed #000000;
	padding: 0px 5px;
	}

.lj-view-month #beta-inner.pkg, 
.lj-view-reply #beta-inner.pkg  {
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBReply.jpg) top left repeat #a87e4c;
	margin: 200px 0px 0px 0px;
	padding: 10px 10px 15px 20px;
	font-weight: bold;
	font-size: 14px;
	}
	
.lj-view-month #beta-inner.pkg a {
	text-transform: capitalize;
	}

.lj-view-reply #beta-inner.pkg a:hover,
.lj-view-month #beta-inner.pkg a:hover {
	color: #000000;
	}

.lj-view-reply #beta-inner.pkg h2 {
	font-size: 20px;
	text-transform: capitalize;
	}

/*-Tags Pages-*/

.lj-view-tags #beta-inner.pkg h2 {
	font-size: 20px;
	text-transform: capitalize;
	font-weight: normal;
	padding: 60px 50px 15px 40px;
	margin: 0px 0px 0px 35px;
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBEntry.jpg) top left no-repeat #edde63;
	}

.ljtaglist li {
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBEntryMid.jpg) top left repeat-y #edde63;
	padding: 2px 0px 2px 60px;
	margin: 0px 0px 0px 35px;
	width: 440px;
	list-style: none;
	}

ul.ljtaglist {
	background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Cork/CBCommentTag.jpg) bottom right no-repeat transparent;
	padding: 0px 0px 28px 0px;
	margin: 0px;
	width: 540px;
	}

/*-Hidden Elements-*/

.module-photo,  
.module-calendar, 
.module-syndicate .module-header, 
.lj-view-friends .module-powered, 
.lj-view-archive .module-powered, 
.lj-view-month .module-powered,
.lj-view-day .module-powered, 
.lj-view-reply .module-powered, 
.lj-view-entry .module-powered, 
.lj-view-tags .module-powered, 
.lj-view-reply #beta-inner.pkg hr {
	display: none;
	}

This is the first layout that I've made specifically to share. I'd be very, very grateful for any criticism, as I do so enjoy playing with this stuff and would like to do a better job of it. ♥

ETA 3/19/2008 -- The code for the Cork Board Layout has been revised to correct a design issue on the friends page.

Tags: account type: free, layout: journal: full, s2: bloggish, subject: general, user: stellastars

Posted on Dec. 21st, 2007 at 09:00 am | Link | Leave a comment | Add to Memories | Tell a Friend

Comments

lilbreck

Oh, don't forget to add tags. I don't remember if I set it up so that you could add your own tags, so I'm going to go ahead and make one for your username, it will be user: stellastars

Posted on Dec. 21st, 2007 03:38 pm (UTC) | Link | Parent | Thread | Reply

stellastars

Oh, yes, tags! Very important! I will try to remember to do that in the future!

It seems somehow that the user: ausmac tag got applied to my post, though... And I can't figure out how to remove it... *scratches head* Any suggestions?

Posted on Dec. 21st, 2007 04:14 pm (UTC) | Link | Parent | Thread | Reply

Sorry about that. Don't know how it happened, but I'll go ahead and fix it.

Above the entry [if you're looking at this post in the basic style, and not any journal style], there should be an edit tag button. It looks like a pencil writing on a blue tag. If you look close.

Posted on Dec. 21st, 2007 05:09 pm (UTC) | Link | Parent | Thread | Reply

Thank you! I did try the edit tag button earlier, but for some reason it wasn't saving when I deleted... Anyway, all better now!

Posted on Dec. 22nd, 2007 01:14 am (UTC) | Link | Parent | Reply

for the creative, or the creatively lacking

Journal

February 2013

Other Communities

Browsers

S2 Bloggish Cork Board Layout

Comments

Tags