The GazettE - 3 column layout
Band/theme : The GazettE - 3 Column layout
Theme: smooth sailling
Type : s2
Account: free/plus/paid
REMEMBER :
If you're taking this, comment here with your ljusername and put where this layout will be used. Don't forget to credit this livejournal on your links. PLEASE.
XD~~ one more 3 column, my second layout on this theme. I had to do it. Who the hell said that the sidebars have to be at either side of the entry ? I disagree XD~~~~~~
Click on the image for a live version:
Codes and Intructions :
Images you'll need:
Header
BODY_BG
Code :
/* PAGE */
/* For this layout to work you must:
1. set you journal on 3 column default layout,
2.deactivate the 'use layout's stylesheet' and 'Use layout's stylesheet(s) when including custom external
stylesheet'
3.activate the customized css, pasting this code there */
/* ctrl+f to localize the IMAGE_HEADER and BODY_BG and change for the link were you put your image */
body {
background: #000000;
font-size: 8pt;
font-family: arial, sans-serif;
color: #ff0000;
margin:0px;
}
input, textarea, option, select {
background-color: #000000;
font: 7pt tahoma,verdana,helvetica,sans-serif;
color: #3d170d;
letter-spacing: 0px;
border: 1px solid #ff0000;
padding: 0px;
}
a, a:visited {
color: #b20202;
border-width: 0px 0px 1px 0px;
border-style: dotted;
border-color: #b20202;
text-decoration: none;
text-align: left;
font-weight: normal;
}
a:hover {
color: #000000;
background-color:#b20202;
border-width: 0px 0px 1px 0px;
border-style: dotted;
border-color: #b20202;
}
ul.links{ margin: 1px 0px; padding: 3px; color: #BBBBBB; list-style-type:none; }
li.links { margin-left: 5px; }
li.links a{ text-decoration:none; }
li.links_header{ font: 11px; border-bottom: 1px solid #BBBBBB; padding-top:7px; }
#container {
position: relative;
width: 780px;
margin: 0 auto;
background-image:url(BODY_BG);
background-repeat: repeat-y;
}
#leftbar {
position: absolute;
top: -280px;
width: 133px;
right:167px;
}
#rightbar {
position: absolute;
top: -320px;
right:28px;
width: 125px;
}
#leftbar a, visited {
color: #b20202;
text-align: center;
display: inline;
border-width: 0px 0px 1px 0px;
border-style: dotted;
border-color: #b20202;
}
#rightbar a, visited {
color: #420000;
text-align: center;
display: block;
border-width: 0px 0px 1px 0px;
border-style: dotted;
border-color: #420000;
width: 100%;
}
#rightbar a:hover{
color: #000000;
background-color:#420000;
border-width: 0px 0px 1px 0px;
border-style: dotted;
border-color: #000000;
}
#leftbar a:hover{
color: #000000;
background-color:#b20202;
border-width: 0px 0px 1px 0px;
border-style: dotted;
border-color: #000000;
}
#entries{
margin-left:13px;
margin-right:307px;
text-align:center;
background: transparent;
border: 0px double #ffffff;
padding: 5px;
color:#000000;
}
#readme {
text-align:justify;
padding: 2px; }
#header {
width:780px;
background-image:url(IMAGE_HEADER);
background-repeat: no-repeat;
height:498px;
margin:auto;
}
div.entrylinks {
font: 8pt Verdana;
text-align: right;
padding: 2px 10px 2px 10px;
line-height: 20px;
margin-bottom: 0px;
margin-top: 5px;
border-bottom: 1px dashed #D9D9D9;
}
div.entrylinks a {
background-color: #ffffff;
text-decoration: none;
margin: 2px;
padding:2px;
}
div.entrylinks a:hover {
background-color: transparent;
}
div.entrylinks img {
border: 0px;
text-decoration:none;
}
div.commentlinks { font: 8pt arial, sans-serif; padding:2px 10px 2px 10px; line-height:20px; }
div.commentlinks a { background-color: transparent; text-decoration:none; margin:2px; padding:2px; }
div.commentlinks a:hover { background-color: transparent;}
div.commentlinks img { border:0px; text-decoration:none; }
div.entry { margin-bottom: 35px;}
.entrytext {
font-size: 8pt;
font-family: arial, sans-serif;
color: #000000;
text-align: justify;
}
.entry h1{
font-size:13px;
border-bottom:;
}
.aboutentry {
text-align: left;
margin-right: 5px;
height: 1%;
font-size: 10px;
letter-spacing: 1px;
font-family: arial, sans-serif;
color: #ff0000;
}
.sidebox {
border: 0px double #ffffff;
background: transparent;
margin:3px;
padding:5px;
text-align:center;
width:115px;
color:000000;
}
.sidebox h2{
font-size:13px;
border-bottom: 1px solid #ff0000;
text-transform: uppercase;
}
.userpic { margin:5px; }
.userpic2 { position:relative; float:left; padding: 5px; margin: 0px;}
.userpic_reply { position:relative; float:left; padding: 5px;}
.moodpic { float: right; }
.calendarActive { font-weight: bold; }
.blurb {
color: #000000;
text-align: justify;
}
.nosubject { font-style: italic; }
.replyform { text-align:left; clear: both; }
.replyform textarea { width: 50% !important; }
.comment_postedby { text-align:left; font-weight: bold; }
.comment_date { text-align: left; }
.comment_subject {
color: #000000;
font-size: 12pt;
font-family: "Franklin Gothic B", "Trebuchet MS", sans-serif;
text-align: left;
text-transform: uppercase;
padding: 5px;
margin: 0px;
border-bottom: 1px dashed #f10000;
}
.comment_wrapper{ border: 0px solid #F1F1F1; background: transparent; padding:5px; margin: 0px 0px 5px 0px; }
.comment_info { width: 95%; }
.comment_links {
text-align: right;
padding: 3px;
margin:0px;
border-top: 1px dashed #ff0000; }
.comment_links a { padding:2px; text-decoration: none; }
.comment_child { margin: 0px 0px 0px 20px; }
.minicomment { padding: 4px; border: 1px solid #F10000; }
.minicommentholder { border: 1px solid #F10000; }
How to install :
1. go to Journal>Customize Journal
2. choose one of the 3 column Theme
3.On page setup ( on the bottom of the same screen) fix it the advertsemen to show up between you entries.
4. click on customize selected theme
5. on display: uncheck navigation strip
6. On the layout code you got from here, press ctrl+f to localize the HEADER_IMAGE and BODY_BG and change it for the link were you put your images.
7. on custom css : put all to 'no' and them past the code on the Custom stylesheet text area.
8. save and it's done
Any problems with the layouts can be
related here
For you journal stay pretty, go onto the display option and put YES onto the option : wrap text under userinfo. Otherwise your texts will strech the body of the layout ^.^
PS.2 - if you're using a plus account, you need to set your advertsiment to show up between your entries.
Theme: smooth sailling
Type : s2
Account: free/plus/paid
REMEMBER :
If you're taking this, comment here with your ljusername and put where this layout will be used. Don't forget to credit this livejournal on your links. PLEASE.
XD~~ one more 3 column, my second layout on this theme. I had to do it. Who the hell said that the sidebars have to be at either side of the entry ? I disagree XD~~~~~~
Click on the image for a live version:
Codes and Intructions :
Images you'll need:
Header
BODY_BG
Code :
/* PAGE */
/* For this layout to work you must:
1. set you journal on 3 column default layout,
2.deactivate the 'use layout's stylesheet' and 'Use layout's stylesheet(s) when including custom external
stylesheet'
3.activate the customized css, pasting this code there */
/* ctrl+f to localize the IMAGE_HEADER and BODY_BG and change for the link were you put your image */
body {
background: #000000;
font-size: 8pt;
font-family: arial, sans-serif;
color: #ff0000;
margin:0px;
}
input, textarea, option, select {
background-color: #000000;
font: 7pt tahoma,verdana,helvetica,sans-serif;
color: #3d170d;
letter-spacing: 0px;
border: 1px solid #ff0000;
padding: 0px;
}
a, a:visited {
color: #b20202;
border-width: 0px 0px 1px 0px;
border-style: dotted;
border-color: #b20202;
text-decoration: none;
text-align: left;
font-weight: normal;
}
a:hover {
color: #000000;
background-color:#b20202;
border-width: 0px 0px 1px 0px;
border-style: dotted;
border-color: #b20202;
}
ul.links{ margin: 1px 0px; padding: 3px; color: #BBBBBB; list-style-type:none; }
li.links { margin-left: 5px; }
li.links a{ text-decoration:none; }
li.links_header{ font: 11px; border-bottom: 1px solid #BBBBBB; padding-top:7px; }
#container {
position: relative;
width: 780px;
margin: 0 auto;
background-image:url(BODY_BG);
background-repeat: repeat-y;
}
#leftbar {
position: absolute;
top: -280px;
width: 133px;
right:167px;
}
#rightbar {
position: absolute;
top: -320px;
right:28px;
width: 125px;
}
#leftbar a, visited {
color: #b20202;
text-align: center;
display: inline;
border-width: 0px 0px 1px 0px;
border-style: dotted;
border-color: #b20202;
}
#rightbar a, visited {
color: #420000;
text-align: center;
display: block;
border-width: 0px 0px 1px 0px;
border-style: dotted;
border-color: #420000;
width: 100%;
}
#rightbar a:hover{
color: #000000;
background-color:#420000;
border-width: 0px 0px 1px 0px;
border-style: dotted;
border-color: #000000;
}
#leftbar a:hover{
color: #000000;
background-color:#b20202;
border-width: 0px 0px 1px 0px;
border-style: dotted;
border-color: #000000;
}
#entries{
margin-left:13px;
margin-right:307px;
text-align:center;
background: transparent;
border: 0px double #ffffff;
padding: 5px;
color:#000000;
}
#readme {
text-align:justify;
padding: 2px; }
#header {
width:780px;
background-image:url(IMAGE_HEADER);
background-repeat: no-repeat;
height:498px;
margin:auto;
}
div.entrylinks {
font: 8pt Verdana;
text-align: right;
padding: 2px 10px 2px 10px;
line-height: 20px;
margin-bottom: 0px;
margin-top: 5px;
border-bottom: 1px dashed #D9D9D9;
}
div.entrylinks a {
background-color: #ffffff;
text-decoration: none;
margin: 2px;
padding:2px;
}
div.entrylinks a:hover {
background-color: transparent;
}
div.entrylinks img {
border: 0px;
text-decoration:none;
}
div.commentlinks { font: 8pt arial, sans-serif; padding:2px 10px 2px 10px; line-height:20px; }
div.commentlinks a { background-color: transparent; text-decoration:none; margin:2px; padding:2px; }
div.commentlinks a:hover { background-color: transparent;}
div.commentlinks img { border:0px; text-decoration:none; }
div.entry { margin-bottom: 35px;}
.entrytext {
font-size: 8pt;
font-family: arial, sans-serif;
color: #000000;
text-align: justify;
}
.entry h1{
font-size:13px;
border-bottom:;
}
.aboutentry {
text-align: left;
margin-right: 5px;
height: 1%;
font-size: 10px;
letter-spacing: 1px;
font-family: arial, sans-serif;
color: #ff0000;
}
.sidebox {
border: 0px double #ffffff;
background: transparent;
margin:3px;
padding:5px;
text-align:center;
width:115px;
color:000000;
}
.sidebox h2{
font-size:13px;
border-bottom: 1px solid #ff0000;
text-transform: uppercase;
}
.userpic { margin:5px; }
.userpic2 { position:relative; float:left; padding: 5px; margin: 0px;}
.userpic_reply { position:relative; float:left; padding: 5px;}
.moodpic { float: right; }
.calendarActive { font-weight: bold; }
.blurb {
color: #000000;
text-align: justify;
}
.nosubject { font-style: italic; }
.replyform { text-align:left; clear: both; }
.replyform textarea { width: 50% !important; }
.comment_postedby { text-align:left; font-weight: bold; }
.comment_date { text-align: left; }
.comment_subject {
color: #000000;
font-size: 12pt;
font-family: "Franklin Gothic B", "Trebuchet MS", sans-serif;
text-align: left;
text-transform: uppercase;
padding: 5px;
margin: 0px;
border-bottom: 1px dashed #f10000;
}
.comment_wrapper{ border: 0px solid #F1F1F1; background: transparent; padding:5px; margin: 0px 0px 5px 0px; }
.comment_info { width: 95%; }
.comment_links {
text-align: right;
padding: 3px;
margin:0px;
border-top: 1px dashed #ff0000; }
.comment_links a { padding:2px; text-decoration: none; }
.comment_child { margin: 0px 0px 0px 20px; }
.minicomment { padding: 4px; border: 1px solid #F10000; }
.minicommentholder { border: 1px solid #F10000; }
How to install :
1. go to Journal>Customize Journal
2. choose one of the 3 column Theme
3.On page setup ( on the bottom of the same screen) fix it the advertsemen to show up between you entries.
4. click on customize selected theme
5. on display: uncheck navigation strip
6. On the layout code you got from here, press ctrl+f to localize the HEADER_IMAGE and BODY_BG and change it for the link were you put your images.
7. on custom css : put all to 'no' and them past the code on the Custom stylesheet text area.
8. save and it's done
Any problems with the layouts can be
related here
For you journal stay pretty, go onto the display option and put YES onto the option : wrap text under userinfo. Otherwise your texts will strech the body of the layout ^.^
PS.2 - if you're using a plus account, you need to set your advertsiment to show up between your entries.