kyo_prophet

The journal layout code and instructions:

Images you'll need:
IMAGE_HEADER

BODY_BG

NAV_BG

Avatar

Friends Only Banner

Code :

/* PAGE */

/* For this layout to work you must:
1. set you journal on smooth sailing 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 HEADER_IMAGE, NAV_BG and BODY_BG and change for the link

were you put your image */
body {	
font-family:Myriad Web Pro;	
font-size: 14px;
line-height: 16px;
letter-spacing: 0pt;
margin-top: 0px;
background-color: #000000;
color: #ffffff;
align: center; 
background-image:url();	
background-repeat: repeat;
background-position: top;
}

::-moz-selection { background-color: #000000; color: #ed15a7; }

a, a:link, a:visited {		
color: #ea4747;
text-decoration: none;
}

a:hover {
color: #000000;
background-color: #ea4747;
line-height: 16px;
text-decoration: none;
}

.pageblock{
width:780px;
background-image: url('');
background-repeat: repeat-y;
margin-left: auto; 
margin-right: auto;
margin-top: 0px;
}
.pagefooterblock {
background-color: #000000;
color:#670101;
padding-top:5px;
padding-bottom:5px;
text-align: center;
border-top:1px solid #670101; 
width: 780px;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #670101;
}

/* HEADER */

.pageheaderblock {
text-align: left;
}
.header-title {
font-size: 0px;
background-color: transparent;
background-image:url(HEADER_IMAGE);	
background-repeat: no-repeat;
margin-left: auto; 
margin-right: auto;
margin-top:0px;
height: 470px;
width: 780px;
}
.header-subtitle {
display:none;
}
.header-icon {
display:none;
}

.header-menu {
padding: 0px;
background-color: #670101;
font-family:Myriad Web Pro;
font-size: 11px;
line-height: 20px;
text-align: center;
background-image: url(); 
border-bottom:0px dashed #7b0202;
width: 511px;
margin-left: 186px;

}
.header-menu a, .header-menu a:visited { 
text-align: center;
padding: 3px 10px 3px 10px;
color: #ea4747;
text-decoration: bold;
}
.header-menu a:hover {
padding: 1px 5px 2px 5px;
color: #ffffff;
background-color: #ea4747;
font-size: 11px;
text-decoration: bold;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}

/* BODY */
.bodyblock {
padding:0px;
background-color: #transparent;
width: 780px;
background-image:url(BODY_BG);	
margin-left: 0px;
color: #000000;	
}
.bodyheaderblock {
display: none;
}
.bodynavblock {
background-color: transparent;
color: #000000;
text-align:right;
}
.bodynavblock a, .bodynavblock a:visited {
color: #ea4747;
}
.body-title {
display: none;
}
.body-midtitle {
display: none;
}

/*ENTRIES*/

.entryHolder {
color:#000000;
background-color: Transparent;
font-family:Arial;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding-top: 3px;
padding-left: 10px;
padding-bottom: 20px;
padding-left:5px;
border-bottom:1px solid #000000;
margin-right: 100px;
margin-left: 35px;

}
.entryUserinfo {
text-align: center;
margin: 5px;
background-color: transparent;
background-image:url();	
background-repeat: no-repeat;
background-position: top left;
padding-bottom: 1px; 
}
.entryUserinfo-usericon img {
background-image:url();
border: 0px;
}
.entryText {
padding: 6px;
}

.entryHeader {
color:#000000;
font-family:Myriad Web Pro;
font-size: 15px;
font-weight: none;
text-decoration: none;
background-color: transparent;
padding-top: 5px;
padding-bottom:5px;

}

.entryHeader a{
color: #ea4747;
}
.entryHeaderSubject {
font-weight: none;
font-size: 15px;
letter-spacing: 3pt;
text-decoration : none;
}
.entryHeaderDate {
color: #000000;
text-decoration : none;
}

.entryHeaderDate a {
color: #ea4747;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #ea4747;
text-decoration : none;
}
.entryMetadata {
padding-left: 6px;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
display: inline;
padding-right: 10px;
}
.entryMetadata-label {
color: #000000;
font-weight: none;
padding-right: 4px;
}
.entryLinkbar {
font-family:Myriad Web Pro ;
font-size: 11px;
color: #ffffff;
text-align: right;
padding: 4px 0px 4px 0px;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}

.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;     
display: inline;
}

/*FOOTER*/

#footer-menu {
font-size: 10px;
background-color:tranparent;
padding-left:5px;
}
#footer-menu a, .footer-menu a:visited {
color: #ea4747;
background-color:tranparent;
padding: 0px;
text-align: right;
}
#footer-menu a:hover { 
background-color:#ea4747;
color: #000000;
padding: 0px;
text-align: right;
}

/*SIDEBAR*/
  
.sidebar {
font-family:Myriad Web Pro;
font-size: 12px;
margin-left: 0px;
width: 150px;
border-right:0px solid #ffffff;
color: #000000;
background-color: #670101;
background-image:url(NAV_BG);
background-repeat: no-repeat;
background-position: top;

}

.sidebox {
padding: 4px;
background-color: transparent;
margin: 0px 0px 10px 0px;
margin-top: 81px;

}

.sideboxTitle {	
text-align: left;	
list-style: none;	
color: #000000;				
margin-bottom: 5px;			
font-family: Myriad Web Pro;		
font-size: 12px;
font-weight: bold;	
text-transform: uppercase;
background-image:url();	
background-repeat: no-repeat;
background-position: top left;
background-color: transparent;
border-bottom 1px solid #000000;
}
.sideboxContent {
text-align: center;
font-family:Myriad Web Pro;
font-size: 10px;
padding: 2px 4px 2px 4px;
color: #000000;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}
.sidebox #tags_sidebox {
text-align: center;
font-size : 10px;
width:100%
font-weight:bold;
}
.sidebox #systemlinks {
text-align: center;	
font-size : 10px;
width:100%
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
color: #000000;
}
.listtitle {
font-weight: bold;
text-align: center;
font-size : 10px;
text-align: center;
display: block;
width: 100%;
}
.profile-label {
font-weight: bold;
}
.sidebox #systemlinks a{
padding-top:5px;
padding-right: 5px;
list-style: none;
text-align: center;
display: block;
}

.sidebox #systemlinks hover{
background-color: #ed15a7;
}

/*ARCHIVE PAGE*/
.yearlinks{
color: #000000;
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;

}
.month {
width: 450px;
border: 0px solid #3d3d3d;
margin: 8px 8px 8px 40px;
}

.daysubjects {
color: #000000;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px dotted #3d3d3d;
background: transparent;
color: #000000;
}
.day-blank {
border: 1px solid #ea4747;
}
.day {
border: 1px solid #ea4747;
}
.day-date {
border-right: 1px solid #ea4747;
border-bottom: 1px solid #ea4747;
color: #ffffff;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 14px;
}
.day-count a {
text-decoration: none;
color: #ea4747;
}

/*TAGS PAGE*/

.tagstable, .tagstable td {   
border: 1px solid #7b0202;
}
.tagstable { width: 450px; 
}

/* COMMENT PAGE */

.commentHolder {
color: #000000;
background-color: transparent;
border-top: 1px dashed #000000;
font-family: ;
font-size: 12px;
margin: 4px 0px 4px 0px;
background-color: #670101;
}
.commentUserinfo {
text-align: center; 
margin: 0px 8px 8px 0px;
background-color: transparent;
}
.commentUserinfo-usericon img { 
border: 0; 
} 
.commentText {
padding: 6px;
}
.commentHeader {
background-color: transparent;
color: #000000;
font-family: Myriad Web Pro;
font-size: 12px;
padding: 4px 0px 4px 8px;
}
.commentHeader a{
color: #ea4747;
}
.commentHeaderScreened {
font-family: ;
font-size: 12px;
background-color: transparent;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: ;
font-size: 11px;
color: #000000;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
#commenttext{
width:100%;
}

/* FORM */

.replyform {
background-color: #ffffff;
text-align: left;
margin: 5px 10px 5px 7px;
color: #670101;
line-height: 16px;
border: 1px solid #670101;
}

.textbox {
margin-top: 5px;
margin-bottom: 5px;
}

.replyform textarea {
width: 450px;
}

input {
font-family:Myriad Web Pro;
font-size: 10pt; 
color: #670101;
background-color: #ffffff;
text-transform: uppercase;
letter-spacing: 2px;
border: 1px solid #670101;
font-size: small;
margin: 0;
}

#SearchType {
margin-bottom: 5px;
}

How to install :

1. go to Journal>Customize Journal
2. choose one of the Smooth Sailing Theme
3.On page setup ( on the bottom of the same screen) fix it (accord with the layout specifications) to sidebar on left, right or none.
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, NAV_BG 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

This layout was made by

warumono_girl and any questions can be send at my graphic journal account:

valuexofxpain

Customize

This page was loaded Dec 3rd 2009, 1:42 am GMT.

Advertisement

The journal layout code and instructions:

Advertisement