My Miyavi Smooth Sailing Layouts
okay, so i originally got the codes for this layout from da_les, but as you an see that community has been wiped from the face of the planet.
however, i edited the codes (illegally?) and changed the header on both (originally the orange one featured Daigo Stardust). there was a lot of tweaking to do too (the comment boxes were weird at first, etc) and i put a lot of effort into fixing the code, so it kinda feels like my baby too. ^o^
i've had this layout for a long time now (same layout, i just changed the colors, which also took a while), but i guess it's about time for a change.
so i decided to share the layout code with the world~ enjoy♪
GIMME DAT PURPLE WUN
header
background image
tiny icons @ passing_girl
code:
/* PAGE */
body {
font-family: Tahoma, Helvetica, sans-serif;
font-size: 7pt;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color:#eeeeee;
color: #d2a5e6;
text-align: justify;
background-image:url();
background-repeat: repeat;
background-position: top left;
background-attachment: fixed;
}
strong, b {
color: #e63873;
}
em, i {
color: #2a98a9;
}
.pageblock{
width:725px;
background-image: url('BACKGROUNDIMAGE');
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
}
.pagefooterblock {
background-color: #cbcbcb;
background-image: url('BACKGROUNDIMAGE');
color:#d2a5e6;
padding-top:5px;
padding-bottom:5px;
text-align: center;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #ffffff;
}
::-moz-selection {
background-color: #9c59be; color: #ffffff;
}
a, a:link, a:visited {
color: #d2a5e6;
text-decoration: none;
}
a:hover {
color: #e4c3f3;
text-decoration: none;
}
blockquote {
margin: 0px 10px 0px 10px;
padding: 10px;
color: #ffffff;
background-color: #ababab;
border: 2px dashed #ffffff;
text-align: justify;
}
/* HEADER */
.pageheaderblock {
text-align: center;
background-color:transparent;
}
.header-title {
font-size:0pt;
background-color:#3d3d3d;
background-image: url(YOURHEADERIMAGE);
background-position:top right;
background-repeat: no-repeat;
margin-top: 0px;
margin-bottom: 0px;
height: 400px;
}
.header-subtitle {
display:none;
}
.header-menu {
width:575px;
line-height:25px;
float:right;
text-transform: none;
padding: 0px;
background-color: #8339a8;
font-family:Helvetica;
font-size: 12px;
text-align: center;
}
.header-menu a, .header-menu a:visited {
text-align: center;
padding: 3px 10px 3px 10px;
color: #ffffff;
font-size: 11px;
background:transparent;
text-decoration: none;
}
.header-menu a:hover {
padding: 3px 10px 3px 10px;
color: #a684b7;
font-size: 11px;
background:transparent;
text-decoration:none;
}
.header-menu ul {
text-align: center;
margin: 0px;
padding: 0px;
}
.header-menu li {
display: inline;
list-style: none;
}
.header-icon {
background-color: #FFFFFF;
border:3px solid #ffffff;
margin: 10px 0 0 18px;
float: left;
}
/* BODY */
.bodyblock {
padding:0px;
}
.bodyheaderblock {
display:none;
}
.bodynavblock {
text-align: left;
list-style:none;
}
.bodynavblock a, .bodynavblock a:visited{
color: #ffffff;
}
.body-title, .body-midtitle {
display: none;
}
/*FOOTER*/
#footer-menu {
font-size: 10px;
background-color:tranparent;
color: #ffffff;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 7pt;
text-align: right;
padding-right:10px;
}
#footer-menu ul{
list-style:none;
color: #ffffff;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 7pt;
text-align: right;
padding-right:10px;
}
#footer-menu li{
list-style:none;
color: #ffffff;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 7pt;
text-align: right;
padding-right:10px;
}
#footer-menu a, .footer-menu a:visited {
color: #d2a5e6;
padding: 0px;
text-align: right;
padding-right:10px;
}
#footer-menu a:hover {
color: #e4c3f3;
padding: 0px;
text-align: right;
padding-right:10px;
}
/*ENTRIES*/
.entryHolder {
width: 540px;
margin:0;
margin-left:10px;
margin-top:40px;
background-color: #3d3d3d;
border:7px solid #ffffff;
}
.entryUserinfo {
margin:7px 7px 7px 7px;
background-color: #FFFFFF;
border:5px solid #ffffff;
top:-20px;
position:relative;
z-index:30;
}
.entryUserinfo-usericon img {
border: 0px;
}
.entryUserinfo-username {
text-align: center;
}
.entryText{
padding:10px;
color: #ffffff;
font-family:Tahoma;
font-size: 8pt;
line-height: 11pt
}
.entryHeader {
background:#8339a8;
line-height: 25px;
padding-left: 130px;
font-family: Tahoma;
text-align: justify;
}
.entryHeader a{
color: #ffffff;
}
.entryHeaderSubject {
font-weight: none;
letter-spacing: 2pt;
color: #ffffff;
font-family: Tahoma;
}
.entryHeaderDate {
color: #ffffff;
letter-spacing: 1pt;
text-decoration : none;
font-weight: none;
font-family: Tahoma;
font-size:8pt;
}
.entryHeaderDate a {
color: #fffff;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #fffff;
text-decoration : underline;
}
.entryMetadata {
color: #ffffff;
font-weight: none;
margin-left: 0px;
font-family:Tahoma;
font-size: 7pt;
}
.entryMetadata-label {
color: #ffffff;
font-weight: bold;
padding-right: 4px;
}
.entryMetadata li {
list-style: none;
display: inline;
padding-right: 4px;
}
.entryMetadata ul {
padding-left:0 !important;
list-style: none;
display: inline;
padding-right: 4px;
}
.entryLinkbar {
line-height: 15px;
margin-top:5px;
text-align:right;
margin-left: -35px;
font-family:sans-serif;
font-size: 7pt;
}
.entryLinkbar li {
display: inline;
list-style: none;
padding-right: 10px;
}
.entryLinkbar ul {
display: inline;
list-style: none;
padding-right: 10px;
}
/*SIDEBAR*/
.sidebar {
width: 140px;
padding: 5px;
color: #ffffff;
background-color:#3d3d3d;
font-family:Tahoma;
font-size: 7pt;
text-align:justify;
top:-250px;
position:relative;
z-index:100;
}
.sidebox {
padding: 4px;
background-color: transparent;
margin: 0px 0px 10px 0px;
}
.sideboxTitle {
text-align: center;
list-style: none;
margin-bottom: 10px;
color:#8339a8;
text-transform: uppercase;
font-size:10pt;
font:Tahoma;
}
.sideboxContent {
text-align:justify;
}
.profile-userpic {
background-color: #FFFFFF;
border:3px solid #8339a8;
}
.sidebox #profile{
text-align: center;
}
.listtitle {
font-family:Tahoma;
font-size: 7pt;
text-align:center;
}
.sidebox #systemlinks {
margin:0px;
text-align:center;
}
.sideboxContent #Search input, .sideboxContent #Search select{
background-color: #ababab;
border: 1px solid #65666a;
padding: 3px;
width: 120px;
font-size: 7pt;
color:#ffffff;
}
.sideboxContent #Search label {
line-height: 15px;
font-size: 7pt;
color:#ffffff;
padding:5px;
}
.sidebox #latestmonth table {
width: 97%;
}
.latestmonth-active,{
border: 1px solid #65666a;
line-height: 15px;
margin: 1px;
text-align:center;
}
.latestmonth-inactive {
background-color: #ababab;
border: 1px solid #65666a;
line-height: 15px;
margin: 1px;
text-align: center;
}
/*CALENDAR PAGE*/
.yearlinks {
color: #d2a5e6;
text-align:right;
}
.yearlink {
color: #d2a5e6;
text-align:right;
}
.month {
background-color: transparent;
margin: auto;
padding: 10px;
width: 450px;
text-align:right;
}
.daysubjects {
padding-left: 7px;
color: #ffffff;
}
.daytitles {
text-align: center;
color: #ffffff;
padding: 7px;
border: 1px solid #65666a;
}
.day-blank {
border: 1px solid #65666a;
}
.day {
border: 1px solid #65666a;
}
.day-date {
text-align:center;
line-height: 15px;
color: #ffffff;
}
.day-count{
text-align:center;
line-height: 15px;
color: #ffffff;
}
.day-count a {
text-decoration: none;
color: #d2a5e6;
}
/*TAGS PAGE*/
.tagstable{
border: 0px;
}
.tagstable, .tagstable td {
border: 1px solid #65666a;
width: 100%;
text-align: left;
}
/*COMMENT*/
.commentHolder {
margin-top:6px;
margin-left:10px;
margin-right:10px;
background-color: #3d3d3d;
border:7px solid #ffffff;
margin-top:6px;
color:#ffffff;
}
.commentUserinfo {
margin:7px 7px 7px 7px;
background-color: #FFFFFF;
border:5px solid #ffffff;
}
.commentUserinfo-usericon img {
border: 0px;
}
.commentUserinfo-username {
text-align: center;
}
.commentHeader {
background:#8339a8;
line-height: 25px;
padding-left: 4px;
font-family: Tahoma;
text-align: justify;
text-decoration : none;
font-weight: none;
margin-bottom: 10px;
color: #FFFFFF;
}
.commentHeaderDate {
color: #ffffff;
letter-spacing: 1pt;
text-decoration : none;
font-weight: none;
font-family: Tahoma;
font-size:8pt;
}
.commentHeaderSubject {
font-weight: none;
letter-spacing: 2pt;
color: #ffffff;
font-family: Tahoma;
}
.commentLinkbar {
line-height: 15px;
text-align:right;
text-align:right;
font-family:sans-serif;
font-size: 7pt;
text-transform: lowercase;
}
.commentLinkbar li {
display: inline;
list-style: none;
padding-right: 10px;
}
.commentLinkbar ul {
display: inline;
list-style: none;
padding-right: 10px;
}
.bodynavblock select {
background-color: #ababab;
border: 1px solid #65666a;
font: Tahoma;
color:#ffffff;
font-size:10pt;
margin-top:10px;
text-transform: uppercase;
letter-spacing:2px;
margin-left:10px;
}
/* FORM */
.replyform {
font: Tahoma;
font-size: 7pt;
color: #595959;
text-align: justify;
background-color: #3d3d3d;
border:7px solid #ffffff;
margin-top:6px;
margin-left:10px;
width: 540px;
}
.textbox {
background-color: #ababab;
border: 1px solid #65666a;
font: Tahoma;
font-size: 9pt;
color: #ffffff;
width:350px;
}
.replyform textarea {
width: 430px;
}
.replyform #postform input {
background-color: #ababab;
border: 1px solid #65666a;
font: Tahoma;
color:#ffffff;
font-size:10pt;
text-transform: uppercase;
padding: 3px;
letter-spacing:2px;
}
.replyform #postform select {
background-color: #ababab;
border: 1px solid #65666a;
font: Tahoma;
color:#ffffff;
font-size:10pt;
text-transform: uppercase;
letter-spacing:2px;
}
.quickreply_comment input, .quickreply_entry input {
background-color: #ababab;
border: 1px solid #65666a;
font: Tahoma;
color:#ffffff;
font-size:10pt;
text-transform: uppercase;
padding: 3px;
letter-spacing:2px;
}
.quickreply_comment select, .quickreply_entry select {
background-color: #ababab;
border: 1px solid #65666a;
font: Tahoma;
color:#ffffff;
font-size:10pt;
text-transform: uppercase;
letter-spacing:2px;
}
#SearchType {
maring-top:10px;
margin-bottom: 10px;
}
#qrformdiv table{
border:0 !important;
padding-top:15px;
}
.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(USERINFOIMAGE) !important;
padding: 14px 14px 0 0 !important;
}
.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(COMMUNITYIMAGE) !important;
padding: 14px 14px 0 0 !important;
}
.entryMetadata ul{
padding-left:0 !important;
}
WUT, U CRAZY. IT'S SUMMER. I WANT DAT ORANGE WUN
(not really a good preview pic, sorry...)
header
background image
tiny icons @ passing_girl
code:
/* PAGE */
body {
font-family: Tahoma, Helvetica, sans-serif;
font-size: 7pt;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color:#eeeeee;
color: #6d6a6a;
text-align: justify;
background-image:url();
background-repeat: repeat;
background-position: top left;
background-attachment: fixed;
}
strong, b {
color: #FF3333;
}
em, i {
color: #00DD00;
}
.pageblock{
width:725px;
background-image: url('BACKGROUNDIMAGE');
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
}
.pagefooterblock {
background-color: #f7f1b7;
background-image: url('BACKGROUNDIMAGE');
color:#6d6a6a;
padding-top:5px;
padding-bottom:5px;
text-align: center;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #ffffff;
}
::-moz-selection {
background-color: #ff712a; color: #ffffff;
}
a, a:link, a:visited {
color: #6d6a6a;
text-decoration: none;
}
a:hover {
color: #919191;
text-decoration: none;
}
blockquote {
margin: 0px 10px 0px 10px;
padding: 10px;
color: #ffffff;
background-color: #d8d290;
border: 2px dashed #ffffff;
text-align: justify;
}
/* HEADER */
.pageheaderblock {
text-align: center;
background-color:transparent;
}
.header-title {
font-size:0pt;
background-color:#c5be77;
background-image: url(YOURHEADERIMAGE);
background-position:top right;
background-repeat: no-repeat;
margin-top: 0px;
margin-bottom: 0px;
height: 400px;
}
.header-subtitle {
display:none;
}
.header-menu {
width:575px;
line-height:25px;
float:right;
text-transform: none;
padding: 0px;
background-color: #ff5601;
font-family:Helvetica;
font-size: 12px;
text-align: center;
}
.header-menu a, .header-menu a:visited {
text-align: center;
padding: 3px 10px 3px 10px;
color: #ffffff;
font-size: 11px;
background:transparent;
text-decoration: none;
}
.header-menu a:hover {
padding: 3px 10px 3px 10px;
color: #f3834b;
font-size: 11px;
background:transparent;
text-decoration:none;
}
.header-menu ul {
text-align: center;
margin: 0px;
padding: 0px;
}
.header-menu li {
display: inline;
list-style: none;
}
.header-icon {
background-color: #FFFFFF;
border:3px solid #ffffff;
margin: 10px 0 0 18px;
float: left;
}
/* BODY */
.bodyblock {
padding:0px;
}
.bodyheaderblock {
display:none;
}
.bodynavblock {
text-align: left;
list-style:none;
}
.bodynavblock a, .bodynavblock a:visited{
color: #ffffff;
}
.body-title, .body-midtitle {
display: none;
}
/*FOOTER*/
#footer-menu {
font-size: 10px;
background-color:tranparent;
color: #ffffff;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 7pt;
text-align: right;
padding-right:10px;
}
#footer-menu ul{
list-style:none;
color: #ffffff;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 7pt;
text-align: right;
padding-right:10px;
}
#footer-menu li{
list-style:none;
color: #ffffff;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 7pt;
text-align: right;
padding-right:10px;
}
#footer-menu a, .footer-menu a:visited {
color: #6d6a6a;
padding: 0px;
text-align: right;
padding-right:10px;
}
#footer-menu a:hover {
color: #919191;
padding: 0px;
text-align: right;
padding-right:10px;
}
/*ENTRIES*/
.entryHolder {
width: 540px;
margin:0;
margin-left:10px;
margin-top:40px;
background-color: #c5be77;
border:7px solid #ffffff;
}
.entryUserinfo {
margin:7px 7px 7px 7px;
background-color: #FFFFFF;
border:5px solid #ffffff;
top:-20px;
position:relative;
z-index:30;
}
.entryUserinfo-usericon img {
border: 0px;
}
.entryUserinfo-username {
text-align: center;
}
.entryText{
padding:10px;
color: #ffffff;
font-family:Tahoma;
font-size: 8pt;
line-height: 11pt
}
.entryHeader {
background:#ff5601;
line-height: 25px;
padding-left: 130px;
font-family: Tahoma;
text-align: justify;
}
.entryHeader a{
color: #ffffff;
}
.entryHeaderSubject {
font-weight: none;
letter-spacing: 2pt;
color: #ffffff;
font-family: Tahoma;
}
.entryHeaderDate {
color: #ffffff;
letter-spacing: 1pt;
text-decoration : none;
font-weight: none;
font-family: Tahoma;
font-size:8pt;
}
.entryHeaderDate a {
color: #fffff;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #fffff;
text-decoration : underline;
}
.entryMetadata {
color: #ffffff;
font-weight: none;
margin-left: 0px;
font-family:Tahoma;
font-size: 7pt;
}
.entryMetadata-label {
color: #ffffff;
font-weight: bold;
padding-right: 4px;
}
.entryMetadata li {
list-style: none;
display: inline;
padding-right: 4px;
}
.entryMetadata ul {
padding-left:0 !important;
list-style: none;
display: inline;
padding-right: 4px;
}
.entryLinkbar {
line-height: 15px;
margin-top:5px;
text-align:right;
margin-left: -35px;
font-family:sans-serif;
font-size: 7pt;
}
.entryLinkbar li {
display: inline;
list-style: none;
padding-right: 10px;
}
.entryLinkbar ul {
display: inline;
list-style: none;
padding-right: 10px;
}
/*SIDEBAR*/
.sidebar {
width: 140px;
padding: 5px;
color: #ffffff;
background-color:#c5be77;
font-family:Tahoma;
font-size: 7pt;
text-align:justify;
top:-250px;
position:relative;
z-index:100;
}
.sidebox {
padding: 4px;
background-color: transparent;
margin: 0px 0px 10px 0px;
}
.sideboxTitle {
text-align: center;
list-style: none;
margin-bottom: 10px;
color:#ff5601;
text-transform: uppercase;
font-size:10pt;
font:Tahoma;
}
.sideboxContent {
text-align:justify;
}
.profile-userpic {
background-color: #FFFFFF;
border:3px solid #ff5601;
}
.sidebox #profile{
text-align: center;
}
.listtitle {
font-family:Tahoma;
font-size: 7pt;
text-align:center;
}
.sidebox #systemlinks {
margin:0px;
text-align:center;
}
.sideboxContent #Search input, .sideboxContent #Search select{
background-color: #d8d290;
border: 1px solid #b0a963;
padding: 3px;
width: 120px;
font-size: 7pt;
color:#ffffff;
}
.sideboxContent #Search label {
line-height: 15px;
font-size: 7pt;
color:#ffffff;
padding:5px;
}
.sidebox #latestmonth table {
width: 97%;
}
.latestmonth-active,{
border: 1px solid #b0a963;
line-height: 15px;
margin: 1px;
text-align:center;
}
.latestmonth-inactive {
background-color: #d8d290;
border: 1px solid #b0a963;
line-height: 15px;
margin: 1px;
text-align: center;
}
/*CALENDAR PAGE*/
.yearlinks {
color: #6d6a6a;
text-align:right;
}
.yearlink {
color: #6d6a6a;
text-align:right;
}
.month {
background-color: transparent;
margin: auto;
padding: 10px;
width: 450px;
text-align:right;
}
.daysubjects {
padding-left: 7px;
color: #ffffff;
}
.daytitles {
text-align: center;
color: #ffffff;
padding: 7px;
border: 1px solid #b0a963;
}
.day-blank {
border: 1px solid #b0a963;
}
.day {
border: 1px solid #b0a963;
}
.day-date {
text-align:center;
line-height: 15px;
color: #ffffff;
}
.day-count{
text-align:center;
line-height: 15px;
color: #ffffff;
}
.day-count a {
text-decoration: none;
color: #6d6a6a;
}
/*TAGS PAGE*/
.tagstable{
border: 0px;
}
.tagstable, .tagstable td {
border: 1px solid #b0a963;
width: 100%;
text-align: left;
}
/*COMMENT*/
.commentHolder {
margin-top:6px;
margin-left:10px;
margin-right:10px;
background-color: #c5be77;
border:7px solid #ffffff;
margin-top:6px;
color:#ffffff;
}
.commentUserinfo {
margin:7px 7px 7px 7px;
background-color: #FFFFFF;
border:5px solid #ffffff;
}
.commentUserinfo-usericon img {
border: 0px;
}
.commentUserinfo-username {
text-align: center;
}
.commentHeader {
background:#ff5601;
line-height: 25px;
padding-left: 4px;
font-family: Tahoma;
text-align: justify;
text-decoration : none;
font-weight: none;
margin-bottom: 10px;
color: #FFFFFF;
}
.commentHeaderDate {
color: #ffffff;
letter-spacing: 1pt;
text-decoration : none;
font-weight: none;
font-family: Tahoma;
font-size:8pt;
}
.commentHeaderSubject {
font-weight: none;
letter-spacing: 2pt;
color: #ffffff;
font-family: Tahoma;
}
.commentLinkbar {
line-height: 15px;
text-align:right;
text-align:right;
font-family:sans-serif;
font-size: 7pt;
text-transform: lowercase;
}
.commentLinkbar li {
display: inline;
list-style: none;
padding-right: 10px;
}
.commentLinkbar ul {
display: inline;
list-style: none;
padding-right: 10px;
}
.bodynavblock select {
background-color: #d8d290;
border: 1px solid #b0a963;
font: Tahoma;
color:#ffffff;
font-size:10pt;
margin-top:10px;
text-transform: uppercase;
letter-spacing:2px;
margin-left:10px;
}
/* FORM */
.replyform {
font: Tahoma;
font-size: 7pt;
color: #595959;
text-align: justify;
background-color: #c5be77;
border:7px solid #ffffff;
margin-top:6px;
margin-left:10px;
width: 540px;
}
.textbox {
background-color: #d8d290;
border: 1px solid #b0a963;
font: Tahoma;
font-size: 9pt;
color: #ffffff;
width:350px;
}
.replyform textarea {
width: 430px;
}
.replyform #postform input {
background-color: #d8d290;
border: 1px solid #b0a963;
font: Tahoma;
color:#ffffff;
font-size:10pt;
text-transform: uppercase;
padding: 3px;
letter-spacing:2px;
}
.replyform #postform select {
background-color: #d8d290;
border: 1px solid #b0a963;
font: Tahoma;
color:#ffffff;
font-size:10pt;
text-transform: uppercase;
letter-spacing:2px;
}
.quickreply_comment input, .quickreply_entry input {
background-color: #d8d290;
border: 1px solid #b0a963;
font: Tahoma;
color:#ffffff;
font-size:10pt;
text-transform: uppercase;
padding: 3px;
letter-spacing:2px;
}
.quickreply_comment select, .quickreply_entry select {
background-color: #d8d290;
border: 1px solid #b0a963;
font: Tahoma;
color:#ffffff;
font-size:10pt;
text-transform: uppercase;
letter-spacing:2px;
}
#SearchType {
maring-top:10px;
margin-bottom: 10px;
}
#qrformdiv table{
border:0 !important;
padding-top:15px;
}
.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(USERINFOIMAGE) !important;
padding: 14px 14px 0 0 !important;
}
.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(COMMUNITYIMAGE) !important;
padding: 14px 14px 0 0 !important;
}
.entryMetadata ul{
padding-left:0 !important;
}
H'OKAY SO. HOW WE DO DIS?
1. upload the images to your own host (i.e. photobucket or something)
2. How to put in your hosted images in the codes provided?
Press "CTRL+F",search for the following phrases and paste in your hosted images links as respectively.
YOURHEADERIMAGE = 1X
BACKGROUNDIMAGE = 2X
COMMUNITYIMAGE = 1X
USERINFOIMAGE = 1X
------------------------------------------------------------------------------
3. How to install the codes into you journal properly ?
● Go to "Journal" ---> "Customize Journal"
● Go to "Select a New Theme" ----> Search for "Smooth Sailing" -----> Apply any one for the smooth sailing style.
● Click " Customize your theme" which is in the box on the right hand side.
● Under " Display" tab,
1. " Navigation Strip" ---> Uncheck the navigation strip
2. " Basic Options" ---> Userinfo Position in Entries ▶▶▶ " Left side of entry text"
3. " Additional Options" ---> Header Journal Icon ▶▶▶ "Show user's icon in header"
Usericon Visibility ▶▶▶ "Show on all pages"
● Under "Sidebar" tab,
1. "Profile Position" ---->"Hide"
2. "Summary Position" ---->"Hide"
3. "Latest Month Position" ---->"3"
4. "Links Visibility" ---->"2"
5. "Multisearch Position" ---->"5"
6. "Free Text Sidebox" ---->"1"
Under Free Text Sidebox, You can add write anything you want inside. Feel free to play around with the sidebar =)
● Under Link List" tab, You can add in the links that you want.
● Under "Custom CSS" tab,
"Use layout's stylesheet(s)" ----->" No"
"Use layout's stylesheet(s) when including custom external stylesheet" -----> "No"
Copy and Past the codes into the box & Save~
Tadaa!~ You have finished installing your layout ^^
so uh....
- if you use it, cool beans
- please credit me for the headers at least! (i did make THOSE from scratch)
- and feel free to sabotage the code to your heart's content
however, i edited the codes (illegally?) and changed the header on both (originally the orange one featured Daigo Stardust). there was a lot of tweaking to do too (the comment boxes were weird at first, etc) and i put a lot of effort into fixing the code, so it kinda feels like my baby too. ^o^
i've had this layout for a long time now (same layout, i just changed the colors, which also took a while), but i guess it's about time for a change.
so i decided to share the layout code with the world~ enjoy♪
GIMME DAT PURPLE WUN
header
background image
tiny icons @ passing_girl
code:
/* PAGE */
body {
font-family: Tahoma, Helvetica, sans-serif;
font-size: 7pt;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color:#eeeeee;
color: #d2a5e6;
text-align: justify;
background-image:url();
background-repeat: repeat;
background-position: top left;
background-attachment: fixed;
}
strong, b {
color: #e63873;
}
em, i {
color: #2a98a9;
}
.pageblock{
width:725px;
background-image: url('BACKGROUNDIMAGE');
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
}
.pagefooterblock {
background-color: #cbcbcb;
background-image: url('BACKGROUNDIMAGE');
color:#d2a5e6;
padding-top:5px;
padding-bottom:5px;
text-align: center;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #ffffff;
}
::-moz-selection {
background-color: #9c59be; color: #ffffff;
}
a, a:link, a:visited {
color: #d2a5e6;
text-decoration: none;
}
a:hover {
color: #e4c3f3;
text-decoration: none;
}
blockquote {
margin: 0px 10px 0px 10px;
padding: 10px;
color: #ffffff;
background-color: #ababab;
border: 2px dashed #ffffff;
text-align: justify;
}
/* HEADER */
.pageheaderblock {
text-align: center;
background-color:transparent;
}
.header-title {
font-size:0pt;
background-color:#3d3d3d;
background-image: url(YOURHEADERIMAGE);
background-position:top right;
background-repeat: no-repeat;
margin-top: 0px;
margin-bottom: 0px;
height: 400px;
}
.header-subtitle {
display:none;
}
.header-menu {
width:575px;
line-height:25px;
float:right;
text-transform: none;
padding: 0px;
background-color: #8339a8;
font-family:Helvetica;
font-size: 12px;
text-align: center;
}
.header-menu a, .header-menu a:visited {
text-align: center;
padding: 3px 10px 3px 10px;
color: #ffffff;
font-size: 11px;
background:transparent;
text-decoration: none;
}
.header-menu a:hover {
padding: 3px 10px 3px 10px;
color: #a684b7;
font-size: 11px;
background:transparent;
text-decoration:none;
}
.header-menu ul {
text-align: center;
margin: 0px;
padding: 0px;
}
.header-menu li {
display: inline;
list-style: none;
}
.header-icon {
background-color: #FFFFFF;
border:3px solid #ffffff;
margin: 10px 0 0 18px;
float: left;
}
/* BODY */
.bodyblock {
padding:0px;
}
.bodyheaderblock {
display:none;
}
.bodynavblock {
text-align: left;
list-style:none;
}
.bodynavblock a, .bodynavblock a:visited{
color: #ffffff;
}
.body-title, .body-midtitle {
display: none;
}
/*FOOTER*/
#footer-menu {
font-size: 10px;
background-color:tranparent;
color: #ffffff;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 7pt;
text-align: right;
padding-right:10px;
}
#footer-menu ul{
list-style:none;
color: #ffffff;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 7pt;
text-align: right;
padding-right:10px;
}
#footer-menu li{
list-style:none;
color: #ffffff;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 7pt;
text-align: right;
padding-right:10px;
}
#footer-menu a, .footer-menu a:visited {
color: #d2a5e6;
padding: 0px;
text-align: right;
padding-right:10px;
}
#footer-menu a:hover {
color: #e4c3f3;
padding: 0px;
text-align: right;
padding-right:10px;
}
/*ENTRIES*/
.entryHolder {
width: 540px;
margin:0;
margin-left:10px;
margin-top:40px;
background-color: #3d3d3d;
border:7px solid #ffffff;
}
.entryUserinfo {
margin:7px 7px 7px 7px;
background-color: #FFFFFF;
border:5px solid #ffffff;
top:-20px;
position:relative;
z-index:30;
}
.entryUserinfo-usericon img {
border: 0px;
}
.entryUserinfo-username {
text-align: center;
}
.entryText{
padding:10px;
color: #ffffff;
font-family:Tahoma;
font-size: 8pt;
line-height: 11pt
}
.entryHeader {
background:#8339a8;
line-height: 25px;
padding-left: 130px;
font-family: Tahoma;
text-align: justify;
}
.entryHeader a{
color: #ffffff;
}
.entryHeaderSubject {
font-weight: none;
letter-spacing: 2pt;
color: #ffffff;
font-family: Tahoma;
}
.entryHeaderDate {
color: #ffffff;
letter-spacing: 1pt;
text-decoration : none;
font-weight: none;
font-family: Tahoma;
font-size:8pt;
}
.entryHeaderDate a {
color: #fffff;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #fffff;
text-decoration : underline;
}
.entryMetadata {
color: #ffffff;
font-weight: none;
margin-left: 0px;
font-family:Tahoma;
font-size: 7pt;
}
.entryMetadata-label {
color: #ffffff;
font-weight: bold;
padding-right: 4px;
}
.entryMetadata li {
list-style: none;
display: inline;
padding-right: 4px;
}
.entryMetadata ul {
padding-left:0 !important;
list-style: none;
display: inline;
padding-right: 4px;
}
.entryLinkbar {
line-height: 15px;
margin-top:5px;
text-align:right;
margin-left: -35px;
font-family:sans-serif;
font-size: 7pt;
}
.entryLinkbar li {
display: inline;
list-style: none;
padding-right: 10px;
}
.entryLinkbar ul {
display: inline;
list-style: none;
padding-right: 10px;
}
/*SIDEBAR*/
.sidebar {
width: 140px;
padding: 5px;
color: #ffffff;
background-color:#3d3d3d;
font-family:Tahoma;
font-size: 7pt;
text-align:justify;
top:-250px;
position:relative;
z-index:100;
}
.sidebox {
padding: 4px;
background-color: transparent;
margin: 0px 0px 10px 0px;
}
.sideboxTitle {
text-align: center;
list-style: none;
margin-bottom: 10px;
color:#8339a8;
text-transform: uppercase;
font-size:10pt;
font:Tahoma;
}
.sideboxContent {
text-align:justify;
}
.profile-userpic {
background-color: #FFFFFF;
border:3px solid #8339a8;
}
.sidebox #profile{
text-align: center;
}
.listtitle {
font-family:Tahoma;
font-size: 7pt;
text-align:center;
}
.sidebox #systemlinks {
margin:0px;
text-align:center;
}
.sideboxContent #Search input, .sideboxContent #Search select{
background-color: #ababab;
border: 1px solid #65666a;
padding: 3px;
width: 120px;
font-size: 7pt;
color:#ffffff;
}
.sideboxContent #Search label {
line-height: 15px;
font-size: 7pt;
color:#ffffff;
padding:5px;
}
.sidebox #latestmonth table {
width: 97%;
}
.latestmonth-active,{
border: 1px solid #65666a;
line-height: 15px;
margin: 1px;
text-align:center;
}
.latestmonth-inactive {
background-color: #ababab;
border: 1px solid #65666a;
line-height: 15px;
margin: 1px;
text-align: center;
}
/*CALENDAR PAGE*/
.yearlinks {
color: #d2a5e6;
text-align:right;
}
.yearlink {
color: #d2a5e6;
text-align:right;
}
.month {
background-color: transparent;
margin: auto;
padding: 10px;
width: 450px;
text-align:right;
}
.daysubjects {
padding-left: 7px;
color: #ffffff;
}
.daytitles {
text-align: center;
color: #ffffff;
padding: 7px;
border: 1px solid #65666a;
}
.day-blank {
border: 1px solid #65666a;
}
.day {
border: 1px solid #65666a;
}
.day-date {
text-align:center;
line-height: 15px;
color: #ffffff;
}
.day-count{
text-align:center;
line-height: 15px;
color: #ffffff;
}
.day-count a {
text-decoration: none;
color: #d2a5e6;
}
/*TAGS PAGE*/
.tagstable{
border: 0px;
}
.tagstable, .tagstable td {
border: 1px solid #65666a;
width: 100%;
text-align: left;
}
/*COMMENT*/
.commentHolder {
margin-top:6px;
margin-left:10px;
margin-right:10px;
background-color: #3d3d3d;
border:7px solid #ffffff;
margin-top:6px;
color:#ffffff;
}
.commentUserinfo {
margin:7px 7px 7px 7px;
background-color: #FFFFFF;
border:5px solid #ffffff;
}
.commentUserinfo-usericon img {
border: 0px;
}
.commentUserinfo-username {
text-align: center;
}
.commentHeader {
background:#8339a8;
line-height: 25px;
padding-left: 4px;
font-family: Tahoma;
text-align: justify;
text-decoration : none;
font-weight: none;
margin-bottom: 10px;
color: #FFFFFF;
}
.commentHeaderDate {
color: #ffffff;
letter-spacing: 1pt;
text-decoration : none;
font-weight: none;
font-family: Tahoma;
font-size:8pt;
}
.commentHeaderSubject {
font-weight: none;
letter-spacing: 2pt;
color: #ffffff;
font-family: Tahoma;
}
.commentLinkbar {
line-height: 15px;
text-align:right;
text-align:right;
font-family:sans-serif;
font-size: 7pt;
text-transform: lowercase;
}
.commentLinkbar li {
display: inline;
list-style: none;
padding-right: 10px;
}
.commentLinkbar ul {
display: inline;
list-style: none;
padding-right: 10px;
}
.bodynavblock select {
background-color: #ababab;
border: 1px solid #65666a;
font: Tahoma;
color:#ffffff;
font-size:10pt;
margin-top:10px;
text-transform: uppercase;
letter-spacing:2px;
margin-left:10px;
}
/* FORM */
.replyform {
font: Tahoma;
font-size: 7pt;
color: #595959;
text-align: justify;
background-color: #3d3d3d;
border:7px solid #ffffff;
margin-top:6px;
margin-left:10px;
width: 540px;
}
.textbox {
background-color: #ababab;
border: 1px solid #65666a;
font: Tahoma;
font-size: 9pt;
color: #ffffff;
width:350px;
}
.replyform textarea {
width: 430px;
}
.replyform #postform input {
background-color: #ababab;
border: 1px solid #65666a;
font: Tahoma;
color:#ffffff;
font-size:10pt;
text-transform: uppercase;
padding: 3px;
letter-spacing:2px;
}
.replyform #postform select {
background-color: #ababab;
border: 1px solid #65666a;
font: Tahoma;
color:#ffffff;
font-size:10pt;
text-transform: uppercase;
letter-spacing:2px;
}
.quickreply_comment input, .quickreply_entry input {
background-color: #ababab;
border: 1px solid #65666a;
font: Tahoma;
color:#ffffff;
font-size:10pt;
text-transform: uppercase;
padding: 3px;
letter-spacing:2px;
}
.quickreply_comment select, .quickreply_entry select {
background-color: #ababab;
border: 1px solid #65666a;
font: Tahoma;
color:#ffffff;
font-size:10pt;
text-transform: uppercase;
letter-spacing:2px;
}
#SearchType {
maring-top:10px;
margin-bottom: 10px;
}
#qrformdiv table{
border:0 !important;
padding-top:15px;
}
.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(USERINFOIMAGE) !important;
padding: 14px 14px 0 0 !important;
}
.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(COMMUNITYIMAGE) !important;
padding: 14px 14px 0 0 !important;
}
.entryMetadata ul{
padding-left:0 !important;
}
WUT, U CRAZY. IT'S SUMMER. I WANT DAT ORANGE WUN
(not really a good preview pic, sorry...)
header
background image
tiny icons @ passing_girl
code:
/* PAGE */
body {
font-family: Tahoma, Helvetica, sans-serif;
font-size: 7pt;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color:#eeeeee;
color: #6d6a6a;
text-align: justify;
background-image:url();
background-repeat: repeat;
background-position: top left;
background-attachment: fixed;
}
strong, b {
color: #FF3333;
}
em, i {
color: #00DD00;
}
.pageblock{
width:725px;
background-image: url('BACKGROUNDIMAGE');
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
}
.pagefooterblock {
background-color: #f7f1b7;
background-image: url('BACKGROUNDIMAGE');
color:#6d6a6a;
padding-top:5px;
padding-bottom:5px;
text-align: center;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #ffffff;
}
::-moz-selection {
background-color: #ff712a; color: #ffffff;
}
a, a:link, a:visited {
color: #6d6a6a;
text-decoration: none;
}
a:hover {
color: #919191;
text-decoration: none;
}
blockquote {
margin: 0px 10px 0px 10px;
padding: 10px;
color: #ffffff;
background-color: #d8d290;
border: 2px dashed #ffffff;
text-align: justify;
}
/* HEADER */
.pageheaderblock {
text-align: center;
background-color:transparent;
}
.header-title {
font-size:0pt;
background-color:#c5be77;
background-image: url(YOURHEADERIMAGE);
background-position:top right;
background-repeat: no-repeat;
margin-top: 0px;
margin-bottom: 0px;
height: 400px;
}
.header-subtitle {
display:none;
}
.header-menu {
width:575px;
line-height:25px;
float:right;
text-transform: none;
padding: 0px;
background-color: #ff5601;
font-family:Helvetica;
font-size: 12px;
text-align: center;
}
.header-menu a, .header-menu a:visited {
text-align: center;
padding: 3px 10px 3px 10px;
color: #ffffff;
font-size: 11px;
background:transparent;
text-decoration: none;
}
.header-menu a:hover {
padding: 3px 10px 3px 10px;
color: #f3834b;
font-size: 11px;
background:transparent;
text-decoration:none;
}
.header-menu ul {
text-align: center;
margin: 0px;
padding: 0px;
}
.header-menu li {
display: inline;
list-style: none;
}
.header-icon {
background-color: #FFFFFF;
border:3px solid #ffffff;
margin: 10px 0 0 18px;
float: left;
}
/* BODY */
.bodyblock {
padding:0px;
}
.bodyheaderblock {
display:none;
}
.bodynavblock {
text-align: left;
list-style:none;
}
.bodynavblock a, .bodynavblock a:visited{
color: #ffffff;
}
.body-title, .body-midtitle {
display: none;
}
/*FOOTER*/
#footer-menu {
font-size: 10px;
background-color:tranparent;
color: #ffffff;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 7pt;
text-align: right;
padding-right:10px;
}
#footer-menu ul{
list-style:none;
color: #ffffff;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 7pt;
text-align: right;
padding-right:10px;
}
#footer-menu li{
list-style:none;
color: #ffffff;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 7pt;
text-align: right;
padding-right:10px;
}
#footer-menu a, .footer-menu a:visited {
color: #6d6a6a;
padding: 0px;
text-align: right;
padding-right:10px;
}
#footer-menu a:hover {
color: #919191;
padding: 0px;
text-align: right;
padding-right:10px;
}
/*ENTRIES*/
.entryHolder {
width: 540px;
margin:0;
margin-left:10px;
margin-top:40px;
background-color: #c5be77;
border:7px solid #ffffff;
}
.entryUserinfo {
margin:7px 7px 7px 7px;
background-color: #FFFFFF;
border:5px solid #ffffff;
top:-20px;
position:relative;
z-index:30;
}
.entryUserinfo-usericon img {
border: 0px;
}
.entryUserinfo-username {
text-align: center;
}
.entryText{
padding:10px;
color: #ffffff;
font-family:Tahoma;
font-size: 8pt;
line-height: 11pt
}
.entryHeader {
background:#ff5601;
line-height: 25px;
padding-left: 130px;
font-family: Tahoma;
text-align: justify;
}
.entryHeader a{
color: #ffffff;
}
.entryHeaderSubject {
font-weight: none;
letter-spacing: 2pt;
color: #ffffff;
font-family: Tahoma;
}
.entryHeaderDate {
color: #ffffff;
letter-spacing: 1pt;
text-decoration : none;
font-weight: none;
font-family: Tahoma;
font-size:8pt;
}
.entryHeaderDate a {
color: #fffff;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #fffff;
text-decoration : underline;
}
.entryMetadata {
color: #ffffff;
font-weight: none;
margin-left: 0px;
font-family:Tahoma;
font-size: 7pt;
}
.entryMetadata-label {
color: #ffffff;
font-weight: bold;
padding-right: 4px;
}
.entryMetadata li {
list-style: none;
display: inline;
padding-right: 4px;
}
.entryMetadata ul {
padding-left:0 !important;
list-style: none;
display: inline;
padding-right: 4px;
}
.entryLinkbar {
line-height: 15px;
margin-top:5px;
text-align:right;
margin-left: -35px;
font-family:sans-serif;
font-size: 7pt;
}
.entryLinkbar li {
display: inline;
list-style: none;
padding-right: 10px;
}
.entryLinkbar ul {
display: inline;
list-style: none;
padding-right: 10px;
}
/*SIDEBAR*/
.sidebar {
width: 140px;
padding: 5px;
color: #ffffff;
background-color:#c5be77;
font-family:Tahoma;
font-size: 7pt;
text-align:justify;
top:-250px;
position:relative;
z-index:100;
}
.sidebox {
padding: 4px;
background-color: transparent;
margin: 0px 0px 10px 0px;
}
.sideboxTitle {
text-align: center;
list-style: none;
margin-bottom: 10px;
color:#ff5601;
text-transform: uppercase;
font-size:10pt;
font:Tahoma;
}
.sideboxContent {
text-align:justify;
}
.profile-userpic {
background-color: #FFFFFF;
border:3px solid #ff5601;
}
.sidebox #profile{
text-align: center;
}
.listtitle {
font-family:Tahoma;
font-size: 7pt;
text-align:center;
}
.sidebox #systemlinks {
margin:0px;
text-align:center;
}
.sideboxContent #Search input, .sideboxContent #Search select{
background-color: #d8d290;
border: 1px solid #b0a963;
padding: 3px;
width: 120px;
font-size: 7pt;
color:#ffffff;
}
.sideboxContent #Search label {
line-height: 15px;
font-size: 7pt;
color:#ffffff;
padding:5px;
}
.sidebox #latestmonth table {
width: 97%;
}
.latestmonth-active,{
border: 1px solid #b0a963;
line-height: 15px;
margin: 1px;
text-align:center;
}
.latestmonth-inactive {
background-color: #d8d290;
border: 1px solid #b0a963;
line-height: 15px;
margin: 1px;
text-align: center;
}
/*CALENDAR PAGE*/
.yearlinks {
color: #6d6a6a;
text-align:right;
}
.yearlink {
color: #6d6a6a;
text-align:right;
}
.month {
background-color: transparent;
margin: auto;
padding: 10px;
width: 450px;
text-align:right;
}
.daysubjects {
padding-left: 7px;
color: #ffffff;
}
.daytitles {
text-align: center;
color: #ffffff;
padding: 7px;
border: 1px solid #b0a963;
}
.day-blank {
border: 1px solid #b0a963;
}
.day {
border: 1px solid #b0a963;
}
.day-date {
text-align:center;
line-height: 15px;
color: #ffffff;
}
.day-count{
text-align:center;
line-height: 15px;
color: #ffffff;
}
.day-count a {
text-decoration: none;
color: #6d6a6a;
}
/*TAGS PAGE*/
.tagstable{
border: 0px;
}
.tagstable, .tagstable td {
border: 1px solid #b0a963;
width: 100%;
text-align: left;
}
/*COMMENT*/
.commentHolder {
margin-top:6px;
margin-left:10px;
margin-right:10px;
background-color: #c5be77;
border:7px solid #ffffff;
margin-top:6px;
color:#ffffff;
}
.commentUserinfo {
margin:7px 7px 7px 7px;
background-color: #FFFFFF;
border:5px solid #ffffff;
}
.commentUserinfo-usericon img {
border: 0px;
}
.commentUserinfo-username {
text-align: center;
}
.commentHeader {
background:#ff5601;
line-height: 25px;
padding-left: 4px;
font-family: Tahoma;
text-align: justify;
text-decoration : none;
font-weight: none;
margin-bottom: 10px;
color: #FFFFFF;
}
.commentHeaderDate {
color: #ffffff;
letter-spacing: 1pt;
text-decoration : none;
font-weight: none;
font-family: Tahoma;
font-size:8pt;
}
.commentHeaderSubject {
font-weight: none;
letter-spacing: 2pt;
color: #ffffff;
font-family: Tahoma;
}
.commentLinkbar {
line-height: 15px;
text-align:right;
text-align:right;
font-family:sans-serif;
font-size: 7pt;
text-transform: lowercase;
}
.commentLinkbar li {
display: inline;
list-style: none;
padding-right: 10px;
}
.commentLinkbar ul {
display: inline;
list-style: none;
padding-right: 10px;
}
.bodynavblock select {
background-color: #d8d290;
border: 1px solid #b0a963;
font: Tahoma;
color:#ffffff;
font-size:10pt;
margin-top:10px;
text-transform: uppercase;
letter-spacing:2px;
margin-left:10px;
}
/* FORM */
.replyform {
font: Tahoma;
font-size: 7pt;
color: #595959;
text-align: justify;
background-color: #c5be77;
border:7px solid #ffffff;
margin-top:6px;
margin-left:10px;
width: 540px;
}
.textbox {
background-color: #d8d290;
border: 1px solid #b0a963;
font: Tahoma;
font-size: 9pt;
color: #ffffff;
width:350px;
}
.replyform textarea {
width: 430px;
}
.replyform #postform input {
background-color: #d8d290;
border: 1px solid #b0a963;
font: Tahoma;
color:#ffffff;
font-size:10pt;
text-transform: uppercase;
padding: 3px;
letter-spacing:2px;
}
.replyform #postform select {
background-color: #d8d290;
border: 1px solid #b0a963;
font: Tahoma;
color:#ffffff;
font-size:10pt;
text-transform: uppercase;
letter-spacing:2px;
}
.quickreply_comment input, .quickreply_entry input {
background-color: #d8d290;
border: 1px solid #b0a963;
font: Tahoma;
color:#ffffff;
font-size:10pt;
text-transform: uppercase;
padding: 3px;
letter-spacing:2px;
}
.quickreply_comment select, .quickreply_entry select {
background-color: #d8d290;
border: 1px solid #b0a963;
font: Tahoma;
color:#ffffff;
font-size:10pt;
text-transform: uppercase;
letter-spacing:2px;
}
#SearchType {
maring-top:10px;
margin-bottom: 10px;
}
#qrformdiv table{
border:0 !important;
padding-top:15px;
}
.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(USERINFOIMAGE) !important;
padding: 14px 14px 0 0 !important;
}
.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(COMMUNITYIMAGE) !important;
padding: 14px 14px 0 0 !important;
}
.entryMetadata ul{
padding-left:0 !important;
}
H'OKAY SO. HOW WE DO DIS?
1. upload the images to your own host (i.e. photobucket or something)
2. How to put in your hosted images in the codes provided?
Press "CTRL+F",search for the following phrases and paste in your hosted images links as respectively.
YOURHEADERIMAGE = 1X
BACKGROUNDIMAGE = 2X
COMMUNITYIMAGE = 1X
USERINFOIMAGE = 1X
------------------------------------------------------------------------------
3. How to install the codes into you journal properly ?
● Go to "Journal" ---> "Customize Journal"
● Go to "Select a New Theme" ----> Search for "Smooth Sailing" -----> Apply any one for the smooth sailing style.
● Click " Customize your theme" which is in the box on the right hand side.
● Under " Display" tab,
1. " Navigation Strip" ---> Uncheck the navigation strip
2. " Basic Options" ---> Userinfo Position in Entries ▶▶▶ " Left side of entry text"
3. " Additional Options" ---> Header Journal Icon ▶▶▶ "Show user's icon in header"
Usericon Visibility ▶▶▶ "Show on all pages"
● Under "Sidebar" tab,
1. "Profile Position" ---->"Hide"
2. "Summary Position" ---->"Hide"
3. "Latest Month Position" ---->"3"
4. "Links Visibility" ---->"2"
5. "Multisearch Position" ---->"5"
6. "Free Text Sidebox" ---->"1"
Under Free Text Sidebox, You can add write anything you want inside. Feel free to play around with the sidebar =)
● Under Link List" tab, You can add in the links that you want.
● Under "Custom CSS" tab,
"Use layout's stylesheet(s)" ----->" No"
"Use layout's stylesheet(s) when including custom external stylesheet" -----> "No"
Copy and Past the codes into the box & Save~
Tadaa!~ You have finished installing your layout ^^
so uh....
- if you use it, cool beans
- please credit me for the headers at least! (i did make THOSE from scratch)
- and feel free to sabotage the code to your heart's content