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	29	30

Contents: Teal and mauve Pegasus
Subject: animal
Layout Style: Bloggish
Status: as is, with your own header
Credit: Please credit me on your user info page
Comments: Works well on all browsers to my knowledge

Thumbnail image:

Currently working journal: http://asylums.insanejournal.com/mylayouts2/

There is a blank header graphic HERE which you can snag and adjust for your own journal.

Instructions

1. Go to Customize Journal.
2. If you are not currently using Bloggish, click on the "Look and Feel" tab and select Bloggish in the drop down list. Set the Theme to None. Save.
3. Click on the Custom Options tab, make sure it set to "two column left" and copy and paste the code below into the CSS box. Save.

body {
font-family: comic sans ms, sans-serif, verdana;
color: #000000;
margin-top: 350px;
padding: 0px 0px 10px 0px;
background: url(http://img.photobucket.com/albums/v87/ausmac/headeryyy.jpg);
background-repeat: no-repeat;
background-position: top center;
}

.module-header {
text-align: left; 
color: #9963a1;
text-decoration: underline;
font-size: 14px;
font-weight: bold;
}

a { color: #75497d; }
a:visited { color: #9963a1; }
a:hover { color: #e0cce4; text-transform: uppercase;}

#banner-header {
display: none;
}

#banner-description {
display: none;
}

h1, h2, h3, h4, h5, h6 {
font-family: Comic Sans MS, helvetica, arial, sans-serif;
}

/* page layout */

#container { 
width: 800px;
background: #ffffff;
background-image: url(http://img.photobucket.com/albums/v87/ausmac/containerback2.jpg);
background-position: top center;
background-repeat: no-repeat;
font-size: 14px;
}

#container-inner { 
margin: 0 0; 
}

#banner {
width: 700px;
height: 10px;
margin: 0 0 15px 0px;
background: transparent url();
background-position: top right;
background-repeat: no-repeat;
border-bottom: 0px solid #250D03;
}

#banner-inner {  
}

#alpha {
margin: 0 10px 0 10px;}

#beta {
margin: 0 0 10px 0:}

#gamma, #delta {
float: left;
margin: 0 0 0 10px;
background-color: transparent;
border: 0px; 
}

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
padding: 0px 0 0px 0;
background: none; 
}

#beta-inner { 
background: none; 
}
.date-header, .day h2 {
margin: 0;
height: 40px;
border-top: 0px;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
padding: 20px 15px 5px 12px;
color: #52170F;
background: transparent url(http://img.photobucket.com/albums/v87/ausmac/Image5.gif) 0 0.9em no-repeat;
font-size: 14px;
text-transform: uppercase;
}

.entry-header {
margin: 5px 0px;
padding-left: 5px; padding-bottom: 10px;
color: #7c699b;
font-size: 15px;
font-weight: bold;
text-decoration: underline;
background-color: transparent;
border-bottom: 0px solid #52170F;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed {
font-size: 14px;
}

.entry-userpic {
padding: 0 15px 10px 15px; 
}

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

.entry-content { 
margin: 5px; 
padding-right: 20px;
text-align: justify;
padding-bottom: 10px;
}

.entry-more-link { 
font-weight: bold; 
}

.entry-footer {
margin: 10px 0px 20px 0px;
padding: 0;
padding-bottom: 10px;
font-weight: normal;
text-align: left;

border-bottom: 1px dashed #75497d;
}

.metadata {
}

.content-nav { 
margin: 0; 
padding: 10px 15px; 
}

/* modules */

.module-content a { 
color: #000000; 
text-decoration: none;
}

.module-content a:visited { 
color: #75497d; }

.module-content a:hover { 
color: #62a29d;
font-weight: bold; }

.module { 
color: #000000; 
border:0px solid #736148;
margin-bottom: 10px;
margin-top: 15px;
padding-left: 10px;
text-align: left;

}

.module-header a,
.trackbacks-header a,
.comments-header a,
.comments-open-header a,
.archive-header a {
color: #000000;
text-decoration: underline;
}

.module-header,
.trackbacks-header,
.comments-open-header,
.archive-header {

/* ie win (5, 5.5, 6) bugfix */
p\osition: relative; 
width: 100%;
w\idth: auto;}

.module-header a:visited,
.trackbacks-header a:visited,
.comments-header a:visited,
.comments-open-header a:visited,
.archive-header a:visited {
color: #fff;
}

.module-header a:hover,
.trackbacks-header a:hover,
.comments-header a:hover,
.comments-open-header a:hover,
.archive-header a:hover {
color: #fff;
}

.module-calendar .module-content { 
margin: 5px 0px 15px 0px; 
}

.module-mmt-calendar .module-content table,
.module-calendar .module-content table { 
font-size: 11px;
width: 75%; 
}

.module-viewlinks {
line-height: 95%;}

.module-categories {
line-height: 95%;
background-image: url (http://img.photobucket.com/albums/v87/ausmac/side.gif);
}

.module-categories a{
color: #000000; }

.module-powered { 
margin: 0; 
padding: 0; 
display: none;
}

.module-syndicate {
display: none;}

.module-powered .module-content {
margin: 15px;
padding: 10px;
border: 1px solid #250D03;
background: none;
background-color: #D2C6B7;
}

.module-photo { 
border: 0; 
background: none;

}

.module-photo .module-content { 
margin: 10px; 
}

.module-photo img { 
border: 0; 
}

.module-list-item,
.archive-list-item {
padding: 1px 0 1px 0px;
background: url() 0 0.2em no-repeat;
}

/* calendar tweaks */
	
.module-mmt-calendar { 
width: 445px; 
margin: 0; 
}
		
.module-mmt-calendar .module-header,
.layout-timeline .module-recent-photos .module-header {
margin: 0;
border-top: 0;
border-bottom: 0px;
padding: 5px 15px;
color: #52170F;
background: none;
font-size: 11px;
font-weight: bold;
text-align: right;
}
	
.module-mmt-calendar .module-content { 
margin: 15px; 
}
	
.module-mmt-calendar table {
width: 415px;
background-color: transparent;
}
		
.module-mmt-calendar th {
border-top: 0px;
border-right: 1px solid #52170F;
border-bottom: 0px;
padding: 2px;
text-align: right;
font-weight: bold;
}
	
.module-mmt-calendar td {
border-top: 0px;
border-right: 1px solid #52170F;
border-bottom: 0px;
padding: 2px;
text-align: right;
font-weight: normal;
background: none;
background-color: #fff;
}

th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42 {
border-right: none;
}
	
.day-photo a {
border: #52170F 1px solid;
padding: 1px;
background-color: transparent;
}
	
.day-photo a:hover {
border-color: #52170F;
background-color: transparent;
}

/* one-column tweaks */

body.layout-one-column { 
background: #B8A88F url() repeat;
}
	
.layout-one-column #container { 
width: 780px; 
}

.layout-one-column #banner { 
width: 780px; 
}

.layout-one-column #alpha {
background: none;
background-color: transparent;
width: 750px;
}
	
.layout-one-column #alpha-inner { 
background: none;
}

/* two-column-left tweaks */

.layout-two-column-left #alpha { 
width: 180px;
background: none; 
}

.layout-two-column-left #beta { 
width: 600px; 
background: none;
}

<\textarea>

Although the graphics are likely to stay on my Photobucket for some time, life has a habit of changing unpredictably, so I suggest you grab them and put them onto your own site.

Also, I provide a blank header graphic so you can adapt it to your own journal.

http://img.photobucket.com/albums/v87/ausmac/blankproffsheader.jpg

Posted on Sep. 7th, 2008 at 07:07 pm | Link | Leave a comment | Add to Memories | Tell a Friend

Comments

dee_groovy

very pretty! saving to memories :)

Posted on Sep. 7th, 2008 09:59 am (UTC) | Link | Reply

vikipedia

Oh, I really like this one! I think I may use it, though I'm not positive where yet.

Posted on Sep. 7th, 2008 10:45 am (UTC) | Link | Reply

fandomlurker

Nice! Thanks for changing the column width, which was always my problem with Bloggish. Will credit.

Posted on Sep. 8th, 2008 01:01 am (UTC) | Link | Reply

dancingnthedark

Beautiful! I've never used a custom layout on a journal before, because I know next to nothing about CSS, and was completely intimidated by the process. Yours was pretty enough to inspire me to try, and you instructions were wonderfully easy to follow. Thanks!!

Posted on Sep. 11th, 2008 12:26 pm (UTC) | Link | Reply

for the creative, or the creatively lacking

Journal

September 2009

Other Communities

Browsers

Bloggish: Teal & Mauve Pegasus

Comments

Tags