Simple Elegance - Miyavi

Designer's Comments

Look carefully for specific instructions

Band/theme : Miyavi - Solo / S.K.I.N.
Theme: smooth sailling
Type : s2
Account: free/plus/paid

REMEMBER :
If you're taking this, don't forget to credit this livejournal on your links. PLEASE.

Please, don't alter my grahics nor my codes.

Images You'll need :

HEADER

BODY_BG

BG_PAGE

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, BG_PAGE 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.

Using This Layout

For specific instructions read designer's comments

1. Log into livejournal.com (customize)
2. Set Style System to S2
3. Click on Look and Feel
4. Set Layout to Smooth Sailing
5. Click on Custom Options
6. Click on Custom CSS
7. Copy (ctrl c) and paste (ctrl v) code to Custom CSS

Layout Code

Copy and paste to Custom Style Sheet

Help

Set style to Smooth Sailing

/* 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, BG_PAGE and BODY_BG and change for the link were you put your image */
body {	
font-family:arial;	
font-size: 12px;
line-height: 16px;
letter-spacing: 0pt;
margin-top: 0px;
background-color: #ffffff;
color: #515b7e;
align: left; 
background-image:url(BG_PAGE);	
background-repeat: repeat;
background-position: top;
}

::-moz-selection { background-color: #ef1b67; color: #ffffff; }

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

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

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

/* 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: 464px;
width: 780px;
}
.header-subtitle {
display:none;
}
.header-icon {
display:none;
}

.header-menu {
padding: 0px;
background-color: transparent;
font-family:Myriad Web Pro;
font-size: 11px;
line-height: 20px;
text-align: center;
background-image: url(); 
border-bottom:0px dashed #5c5c5c;
width: 500px;
margin-left: 189px;

}
.header-menu a, .header-menu a:visited { 
text-align: center;
padding: 3px 10px 3px 10px;
color: #7b88a8;
text-decoration: bold;
}
.header-menu a:hover {
padding: 1px 5px 2px 5px;
color: #ffffff;
background-color: #7b88a8;
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();
margin-left: 0px;
color: #526188;	
}
.bodyheaderblock {
display: none;
}
.bodynavblock {
background-color: transparent;
color: #526188;
text-align:right;
}
.bodynavblock a, .bodynavblock a:visited {
color: #ffffff;
}
.body-title {
display: none;
}
.body-midtitle {
display: none;
}

/*ENTRIES*/

.entryHolder {
color:#526188;
background-color:transparent;
font-family:Arial;
font-size: 12px;
margin-left: 30px;
margin-right: 150px;
padding-top: 3px;
padding-left: 10px;
padding-bottom: 20px;
padding-left:5px;
border-bottom:1px solid #515b7e;
width:500px;
margin-right:70px;
margin-left:40px;

}
.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:#526188;
font-family:Arial;
font-size: 14px;
font-weight: none;
text-decoration: none;
background-color: transparent;
padding-top: 5px;
padding-bottom:5px;

}

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

.entryHeaderDate a {
color: #526188;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #526188;
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: #526188;
font-weight: none;
padding-right: 4px;
}
.entryLinkbar {
font-family:Arial;
font-size: 11px;
color: #526188;
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: #515b7e;
background-color:tranparent;
padding: 0px;
text-align: right;
}
#footer-menu a:hover { 
background-color:#526188;
color: #515b7e;
padding: 0px;
text-align: right;
}

/*SIDEBAR*/
  
.sidebar {
font-family:Arial;
font-size: 12px;
margin-right: 0px;
margin-left: 0px;
width: 120px;
border-right:0px solid #ffffff;
color: #526188;
background-color: transparent;
top:-150px;
position:relative;
z-index:100;
margin-left:23px;
}

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

.sideboxTitle {	
text-align: right;	
list-style: none;	
color: #a5b1b1;				
margin-bottom: 5px;			
font-family: Arial;		
font-size: 12px;
font-weight: bold;	
text-transform: uppercase;
background-image:url();	
background-repeat: no-repeat;
background-position: top left;
background-color: transparent;
height: 26px;
border-bottom:1px solid #a5b1b1;
}
.sideboxContent {
text-align: right;
font-family:Arial;
font-size: 10px;
padding: 2px 4px 2px 4px;
color: #526188;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: right;
}
.sidebox #tags_sidebox {
text-align: right;
font-size : 10px;
width:100%
font-weight:bold;
}
.sidebox #systemlinks {
text-align: right;	
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: right;
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: right;
display: block;
}

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

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

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

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

/*TAGS PAGE*/

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

/* COMMENT PAGE */

.commentHolder {
color: #526188;
background-color: transparent;
border-top: 1px dashed #526188;
font-family: ;
font-size: 12px;
margin: 4px 0px 4px 0px;
background-color: #c0c7d9;
}
.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: #526188;
font-family: Myriad Web Pro;
font-size: 12px;
padding: 4px 0px 4px 8px;
}
.commentHeader a{
color: #526188;
}
.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: #526188;
line-height: 16px;
border: 1px solid #526188;

}

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

.replyform textarea {
width: 450px;
}

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

#SearchType {
margin-bottom: 5px;
}

Layout Comments

Showing latest 10 of 11 comments

How do you change the header image and the background? I've never done this before.

By Adamlvr13 on Mar 15, 2011 6:05 pm

i love ur layout so much!!

sankyuu!

By gummi1702 on Apr 28, 2009 1:21 am

wow i like your layout. i am going to use it for my lj. how do i put credit or where do i put the credit for you?

By gacktmiyavi on Apr 19, 2009 3:31 pm

I really like your layout /i used it for my blog .asante sana ( means thanx )

By riyakaria on Mar 19, 2009 5:21 am

who do i actually credit for this layout? do you have a lj user name i could put down?

By chasingmanda on Apr 21, 2008 10:41 am

I LOVE YOU.

By JSkyrocket on Apr 16, 2008 11:19 pm

here is a preview link that works u.u" : http://myvwhite.livejournal.co m/

By valuxofxpain on Mar 10, 2008 7:02 pm

guys, please use the preview that I offer. Yes, the lay is FF tested, and it works fine.

By valuxofxpain on Mar 10, 2008 7:00 pm

OR MAH GAWD ......MIYAVI ^//^
*drools*
friken awesome layout ..i mite use it as my lj layout
*drools again* mmm i must stop this drooling
~great..GREAT..layou t

By Mara-roscoe on Mar 7, 2008 9:33 pm

Nothing work ons Firefox did u test it for FF before you posted :P

By RyanChronicles on Mar 7, 2008 9:00 pm

View all »

Layout Details

Designer	valuxofxpain
Submitted on	Mar 7, 2008
Page views	37,108
Favorites	52
Comments	11
Reviewer	MissHygienic
Approved on	Mar 7, 2008

Simple Elegance - Miyavi

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates