InsaneJournal

Tweak says, "GOOD MORNING IJ!!"

Pretty Little Liar Mods (

pll_mods) wrote in

rp_tutorials,
@ 2011-10-15 22:09:00

Hi all! I've decided to code my first Bloggish layout for this game I'm making (this is the mod journal/layout). What I have is still a WIP but I have a couple of questions first.

-> How do I get the layout centered? I feel like I'm missing something obvious
-> I'd prefer the side bar on the left but I'm blanking on that too. I know it has something to do with the alpha, beta code but I'm looking at the tutorial and coming up blank.
-> The calendar, syndicated, powered by are set to display:none in the code... But they're still displaying.

The code is included in the text box below.

/* Pretty Little Liars
S2 Bloggish Layout 
http://asylums.insanejournal.com/abeautifulmind + http://lace-and-cream.insanejournal.com */

body {background-color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#FFFFFF;
}

a, a:visited, a:hover { 
color:#990000;
}

#container { 
width:650px;
margin:10px;
padding:2px;
}

#container-inner {
width:640px;
}

#banner {
width:640px;
background-image:url("http://i303.photobucket.com/albums/nn127/immortalaussie/Journal%20Layouts/Bloggish/PLL/pretty-little-liars.jpg");
height:360px;
}

h1#banner-header { display:none;
}

h2#banner-description {
display:none;
}

#pagebody { width:640px;
}

#alpha { background-color:#000000;
color:#000000;
width:500px
}
#beta { background-color:#000000;
color:#FFFFFF;
width:140px;
}

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

h2.date-header { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#00FFFF;
background-color:#000000;
}

.skiplinks { font-size:9px;
color:#00FFF;
}

.entry { border:2px;
border-color:#990000;
width:600px;
color:#FFFFFF;
background-color:#000000;
}

h3.entry-header {color:#FFF;
font-size:16px;
text-align:center;
}

.entry-userpic {display:none;
}

p.poster {display:none}

.entry-content {line-height:normal;
}
.entry-body {line-height:normal;}

.metadata {display:inherit;
}

.ljtags { float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#00FFFF;
}

.entry-footer {background:background-color:#FFFFFF;
color:#000000;

.module {width:40px;
}

.module-photo {display:none;
}

.module-viewlinks { background-color:#000000;
color:#FFFFFF;
}
.module-calendar {display:none;!important}

.module-typelist {font-size:10px;
color:#FF0000;
background-color:#000000;
}
.module-categories {display:none;}
.module-pagesummary  {display:none;}
.module-syndicate {display:none;}
.module-powered {display:none;}
.module-header {font-size:14px;
color:#FF0000;
background-color:#000000;
}
.module-content {font:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}	
ul.module-list {background-color:#000000;
color:#FF0000;
}
li.module-list-item a {color:#FF0000}

.comments {width:600px;
background-color:#000000;
color:#FF0000;
text-align:center;
text-transform:uppercase;
}

h3.comments-header { width:600px;
font-size:14px;
color:#FFFFFF;
}

h3.comment-header { font-size:12px;}
.comment-userpic {float:right;}
.comment-content {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#000000;}
.comment-footer {font-size:9px;
color:#FF0000;}
.comment-replies {background-color:#FFFFFF;
color:#000000;
}

I'd appreciate any help you are willing to offer :) (If all else fails I might go to a generator or clean/simple as I've coded those ones before with no problem. I just wanted to give Bloggish a try.....)

(Read comments)

InsaneJournal

Post a comment in response: