I tried to black layout. This time is "Simple" Smooth Sailing.
This photo is mine ;)
Smooth Sailing "In The Forest"
Look and Feel
LayoutSmooth Sailing
ThemeIn The Forest
Ad SettingsVertical Placement
Select mood theme setnone
Custom Options
Presentation Section
Number of journal entries to show on recent entries pageAs many as you want.
Number of journal entries to show on friends pageAs many as you want.
Use community userpics instead of poster's userpicNo
Disable customized comment pages for your journalNo
Header Journal IconHide User's icon
Header Text AlignmentLeft Alignment
Usericon VisibilityShow on all pages
Userinfo Position in EntriesRight side of the entry text
Username Position in EntriesBelow usericons
Wrap Entry text under userinfoYes
Userinfo Position in CommentsLeft side of the entry text
Username Position in CommentsBelow usericons
Wrap Comment text under userinfoYes
MetaData ArrangementOn a Single Line
MetaData PositionBelow entry text
Entry Tags PositionWith Metadata
Linkbar Alignment in EntriesAlign left
Linkbar Alignment in CommentsAlign Right
The width (in pixels) of the margin for left side of journal (under Header)20
The width (in pixels) of the margin for right side of journal (under Header)20
Order of entries shown on a Friends pageLeast Recent First
Order of months shown on a Year page:Most Recent First
Navigation strip colorsUse custom colors without a background gradient
Menu Section
Show Memories link on MenubarYes
Show Website link from Userinfo page on MenubarNo
(You add your website to your link list.)
Sidebar Section
Sidebar PositionLeft side
Sidebar Width240(px)
Sidebox Title AlignmentAlign left
Free Text Sidebox TextI write in first free text box.
(font siz="5", font color="#FFFFFF", and I use "b" tag)
Custom CSS Section
.pageblock {
width: 1180px !important;
}
table#lj_controlstrip {
width: 1180px !important;
}
.bodyheaderblock {
display: none;
}
body {
background: #000000 url("your header image(about 530*400)") no-repeat scroll 100px 40px;
}
/*header*/
.pageheaderblock {
background-color: transparent;
padding-bottom: 40px;
}
.header-title {
background: transparent;
height: 200px;
visibility: hidden;
}
.header-subtitle {
background: transparent;
height: 120px;
visibility: hidden;
}
.header-menu {
background: transparent;
border-top: 1px #38682B solid;
border-bottom: 1px #38682B solid;
margin-left: 360px;
font-size: 16px;
line-height: 23px;
color: #38682B;
}
*html .header-menu {
line-height: 22px;
}
.header-menu a, .header-menu a:visited {
color: #38682B !important;
padding: 2px 10px 2px 10px;
}
.header-menu a:hover {
color: #000000 !important;
background-color: #38682B;
}
/*header end*/
/*sidebar*/
.sidebox {
background-color: transparent;
margin-bottom: 30px;
font-size: 13px;
}
.sideboxTitle {
background-color: transparent;
color: #38682B;
border: none;
border-bottom: 1px solid #38682B !important;
border-right: 1px solid #38682B !important;
font-size: 13px;
padding: 4px 5px 2px 0px;
text-align: right;
}
.sideboxContent a, .sideboxContent a:visited, .sideboxContent a:hover {
color: #583FBC;
text-decoration: none;
}
#tags_sidebox {
color: #000000 !important;
}
#latestmonth {
color: #38682B;
}
#freetext {
color: #FFFFFF;
}
/*sidebar end*/
/*entry*/
.entryHolder {
width: 700px !important;
background-color: transparent;
color: #38682B;
border: none;
margin-bottom: 50px;
}
.entryHeader {
background-color: transparent;
color: #38682B;
border: none;
border-bottom: 1px solid #38682B !important;
border-right: 1px solid #38682B !important;
padding: 4px 8px 4px 0px;
font-size: 12px;
text-align: right;
}
.entryHeader a {
color: #583FBC !important;
text-decoration: none !important;
font-size: 12px;
}
.entryHeaderSubject {
font-weight: bold;
padding-left: 20px;
}
.entryText {
padding-bottom: 50px;
}
.entryText a {
color: #583FBC;
text-decoration: none;
}
.entryText a:hover {
color: #583FBC;
text-decoration: none;
}
.entryMetadata li a, .entryLinkbar li a {
color: #583FBC;
text-decoration: none;
}
.entryMetadata li a:hover, .entryLinkbar li a:hover {
color: #583FBC;
text-decoration: none;
}
.entryLinkbar li {
font-size: 12px;
padding: 4px 10px 4px 10px;
}
.entryUserinfo {
text-align: center;
margin: 10px 0px 20px 8px;
background-color: #000000;
}
.entryUserinfo-usericon img {
border: 0;
}
/*entry end*/
/*comment*/
.commentHolder {
width: 700px !important;
background-color: transparent;
color: #38682B;
border: none;
margin-bottom: 50px;
}
.commentHeader {
background-color: transparent;
color: #38682B;
border: none;
border-bottom: 1px solid #38682B !important;
border-left: 1px solid #38682B !important;
padding: 4px 0px 4px 8px;
font-size: 12px;
text-align: left;
}
.commentHeaderScreened {
background-color: transparent;
color: #583FBC;
border: none;
border-bottom: 1px solid #38682B !important;
border-left: 1px solid #38682B !important;
padding: 4px 0px 4px 8px;
font-size: 12px;
text-align: left;
}
.commentHeaderSubject {
font-weight: bold;
padding-left: 20px;
}
.commentText {
padding-bottom: 50px;
}
.commentText a {
color: #583FBC;
text-decoration: none;
}
.commentText a:hover {
color: #583FBC;
text-decoration: none;
}
.commentUserinfo {
text-align: center;
color: #38682B;
margin: 10px 8px 20px 0px;
background-color: #000000;
}
.commentUserinfo a, .commentUserinfo a:visited,
.commentUserinfo a:hover {
color: #583FBC;
text-decoration: none;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentLinkbar li {
font-size: 12px;
padding: 4px 10px 4px 10px;
color: #583FBC;
text-decoration: none;
}
.commentLinkbar li a, .commentLinkbar li a:visited, .commentLinkbar li a:hover {
color: #583FBC;
text-decoration: none;
}
.bodynavblock select {
background-color: #000000;
color: #38682B;
}
.bodynavblock input {
background-color: #000000;
color: #38682B;
}
.bodynavblock a, .bodynavblock a:hover {
text-decoration: none;
}
.replyform {
background-color: #000000;
color: #38682B;
padding-left: 10px;
margin-top: 50px;
}
.replyform textarea, .quickreply_entry textarea, .quickreply_comment textarea, .replyform textarea, .quickreply_entry textarea, .quickreply_comment textarea,
.replyform select, .quickreply_entry select, .quickreply_comment select, .replyform input, .quickreply_entry input, .quickreply_comment input {
background-color: #000000;
color: #38682B;
}
input.textbox {
background-color: #000000;
color: #38682B;
}
/*comment end*/
/*archive*/
.month {
margin-top: 50px;
border-collapse: collapse;
border: 1px #38682B solid;
}
.daytitles {
background-color: #000000;
border: 1px #38682B solid;
color: #38682B;
}
.day-date {
color: #38682B;
border-right: 1px #38682B solid;
border-bottom: 1px #38682B solid;
}
.day-count {
font-size: 14px;
padding-top: 3px;
padding-bottom:3px;
}
.day-count a {
text-decoration: none;
color: #583FBC;
}
.day-blank {
border: 1px #38682B solid;
}
.day {
border: 1px #38682B solid;
}
.entryHeaderSubject a {
color: #38682B ;
text-decoration: none;
}
/*archive end*/
/*footer*/
.bodynavblock {
border-top: 1px #38682B solid;
border-bottom: 1px #38682B solid;
background-color: #000000;
color: #38682B;
margin: 30px 0px 50px 0px;
padding: 0;
}
.bodynavblock a, .bodynavblock a:visited {
color: #38682B;
}
#footer-menu {
font-size: 13px;
line-height: 22px;
}
*html #footer-menu {
font-size: 13px;
line-height: 20px;
}
#footer-menu a, .footer-menu a:visited {
color: #38682B;
white-space: nowrap;
padding: 2px 6px 3px 6px;
text-align: left;
text-decoration: none;
}
#footer-menu a:hover {
background-color: #38682B;
color: #000000;
}
.pagefooterblock {
border-top: 3px #38682B double;
background-color: #000000;
color: #38682B;
padding: 4px 4px 4px 24px;
margin-top: 4px;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #38682B;
}
/*footer end*/
/*control strip*/
#lj_controlstrip {
height: 60px:
border: none;
margin-top: 2px;
padding: 2px;
background-color: transparent;
}
#lj_controlstrip_userpic {
display: none;
}
#lj_controlstrip td {
border: none;
color: #38682B;
}
#lj_controlstrip td a, #lj_controlstrip td a:visited,
#lj_controlstrip td a:hover {
color: #583FBC;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}
#lj_controlstrip_user {
}
#lj_controlstrip_userlinks {
}
#lj_controlstrip_actionlinks {
padding-left: 300px;
}
span#lj_controlstrip_statustext {
color: #38682B;
}
#lj_controlstrip_poweredby {
margin-left: auto;
margin-right: auto;
}
#lj_controlstrip input, #lj_controlstrip select {
background-color: #000000 !important;
color: #38682B !important;
}
/*control strip end*/
Sample :
*This header photo is mine ;)