#12 A dream that can never come true

Jun 21, 2008 17:54


#12 A dream that can never come true
Requested by:
ayu_chan23      
Style: S2 Smooth Sailing
Screen Resolution: 800x600 and higher
Browser Compatible: Firefox
Header Compatible: Yes
Nav Bar Compatible: Yes
Plus Account/Ads: Yes
Base CSS Layout by:
snubbly

Note:
1. Plus accounts will not look exactly the same due to adds.

1. Choose Journal Style: Under 'Select a New Theme' type Smooth Sailing in the search box,
and apply any one of those themes.

2. Customize Your Theme > Display: Show user picture icons with each of your entries?:Yes
and Set the user picture position for each entry: Right

3. Sidebar: Customise it as you wish.

4. Custom CSS: Set all 3 dropdown boxes to No, copy and paste the code
into the Custom stylesheet textbox:

CODE:

/*------------------------------------------------------------------- S2 Smooth Sailing Layout by Yabi @ http://lemoned-kiss.livejournal.com based on a layout by snubbly ----------------------------------------------------------------------*/ body {background: #E3EFFB url(http://i137.photobucket.com/albums/q225/haiyabi/Layout%20Related/ayubg.jpg) fixed; font-family: arial, sans-serif; font-size: 8pt; color: #555;} a, a:link, a:visited {color: #79B9E2; text-decoration: none; cursor: default;} a:hover {color: #9DD3F6; text-decoration: none; cursor: default;} .header-title, .header-icon, .header-subtitle, .pagefooterblock, .header-menu, .profile-label, .bodyheaderblock {display: none;} ::-moz-selection {background: #9DD3F6; color: #FFF;} .pageheaderblock {text-align: center;} .bodyblock {width: 760px;} #footer-menu {margin: 3px 0; text-align: center; background: #9DD3F6; padding: 0 4px; height: 17px; line-height: 17px; border: 1px solid #79B9E2; font-size: 7pt; font-family: tahoma;} #footer-menu a {color: #D3E4F6;} #footer-menu ul {margin: 0 auto; padding: 0;} #footer-menu li {display: inline; padding: 0 10px;} #tags_sidebox {font-size: 0pt;} #tags_sidebox a {display: block; font-size: 8pt;} .entryHeader, .sideboxTitle {background: #9DD3F6; padding: 0 4px; height: 17px; line-height: 17px; border-bottom: 1px solid #79B9E2; border-top: 1px solid #D3E4F6; border-left: 1px solid #D3E4F6;} .entryHeaderSubject, .sideboxTitle {color: #D3E4F6; font-weight: bold; font-family: courier new; font-size: 13pt; letter-spacing: -2px;} .entryText {border: 1px solid #D3E4F6; min-height: 110px; margin: 7px; padding: 5px;} .entryHeaderDate {color: #D3E4F6; font-size: 7pt; font-family: tahoma;} .entryHolder {background: #D3E4F6; border: 1px solid #79B9E2; text-align: justify; margin: 3px 0;} .entryUserinfo {padding: 7px 0 0 7px; float: left; text-align: center;} .entryText img {max-width: 375px; overflow: hidden;} .entryUserinfo-usericon img {border: 1px solid #FFF;} .entryMetadata ul {margin: 0 auto; padding: 0;} .entryMetadata li {list-style: none; padding-right: 10px;} .entryMetadata {margin: 5px 8px;} .entryMetadata-label {font-weight: bold; padding-right: 5px;} .entryMetadata-content img {display: block;} .entryLinkbar {color: #79B9E2; text-align: right; font-weight: bold; margin: 5px 0; padding-top: 5px;} .entryLinkbar li {padding: 0 1px; margin: 0 auto; display: inline;} .entryLinkbar ul {margin: 0; padding: 0;} .sidebar {margin-left: 3px; width: 175px;} .sidebox {background: #D3E4F6; border: 1px solid #79B9E2; margin: 3px 0;} .sideboxContent {text-align: justify; padding: 5px;} .profile-userpic {padding: 5px;} .fan1 {text-align: left; padding: 5px;} .fan2 {background: #FFCBE8; text-align: left; padding: 5px;} .sidebox #profile, .sidebox #search, .sidebox #latestmonth {text-align: center;} .sidebox #tags_sidebox, .sidebox #systemlinks, .sidebox #summary {text-align: left;} .sidebox #latestmonth table {width: 90%; margin: 0 auto; margin-top: 5px;} .sidebox #freetext {text-align: justify;} .day {text-align: center;} .yearlinks {text-align: center;} .day-count {width: 50%; text-align: center;} .yearlink {padding-left: 5px; padding-right: 5px;} .daysubjects {color: #555; padding: 8px 8px 8px 40px;} .day-date {color: #555; width: 50%; text-align: center;} table .month {margin: 10px auto; width: 80%; text-align: center;} .daytitles {text-align: left; font-weight: bold;} .tagstable {width: 100%;} input, select, textarea, button {background: #FFF; border: 0; font-family: arial, sans-serif; font-size: 8pt; color: #555; margin: 1px;} .commentHolder {background: #D3E4F6; border: 1px solid #79B9E2; text-align: justify; margin: 3px 0; text-align: justify;} .commentUserinfo {text-align: center; padding: 5px; float: left;} .commentUserinfo-usericon img {border: 1px solid #FFF;} .commentText {padding: 5px;} .commentHeader {background: #9DD3F6; padding: 0 4px; height: 17px; line-height: 17px; color: #D3E4F6; font-size: 7pt; font-family: tahoma; border-bottom: 1px solid #79B9E2; border-top: 1px solid #D3E4F6; border-left: 1px solid #D3E4F6;} .commentHeaderScreened {background: #FFF; padding: 0 4px; height: 17px; line-height: 17px; border-bottom: 1px solid #79B9E2; border-top: 1px solid #D3E4F6; border-left: 1px solid #D3E4F6;} .commentHeaderSubject {font-weight: normal;} .commentLinkbar {color: #555; text-align: right; padding-top: 5px; padding-bottom: 5px;} .commentLinkbar ul {margin: 0; padding: 0;} .commentLinkbar li {padding: 0 5px; margin: 0 auto; display: inline;} .replyform {background: #D3E4F6; border: 1px solid #79B9E2; font-family: arial, sans-serif; font-size: 8pt; color: #555; margin: 3px 0; text-align: justify;} #postform img {display: none;} #commenttext {width: 98%;} /*-------------------------------------------------------- Tiny icons by Peachie's Collections -----------------------------------------------------------*/ .entry img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important; background:url(http://i137.photobucket.com/albums/q225/haiyabi/Layout%20Related/0018ptqx.png);} .entry img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important; background:url(http://i137.photobucket.com/albums/q225/haiyabi/Layout%20Related/0018ptqx.png);} #sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important; background:url(http://i137.photobucket.com/albums/q225/haiyabi/Layout%20Related/0018ptqx.png);} .subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important; background:url(http://i137.photobucket.com/albums/q225/haiyabi/Layout%20Related/0018ptqx.png);} .subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important; background:url(http://i137.photobucket.com/albums/q225/haiyabi/Layout%20Related/0018ptqx.png);} .ljuser img {width: 0; height: 0; background-repeat: no-repeat; background-color: transparent; background-image:url(http://i137.photobucket.com/albums/q225/haiyabi/Layout%20Related/bunnyblobblue.gif); padding: 15px 15px 0px 0px !important;} .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {background-color: transparent; background-image:url(http://i137.photobucket.com/albums/q225/haiyabi/Layout%20Related/bunnyblobblue.gif); padding: 15px 15px 0px 0px !important;} .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {background-color: transparent; background-image:url(http://i137.photobucket.com/albums/q225/haiyabi/Layout%20Related/bunnylove.gif); padding: 15px 25px 0px 0px !important;} /*------------------------------------------------------------------------------- Add Your Own Header: padding-top is the height of your header ---------------------------------------------------------------------------------*/ .pageblock {background: url(http://i137.photobucket.com/albums/q225/haiyabi/Layout%20Related/ayubanner.jpg) top center no-repeat; width: 760px; padding-top: 300px; margin: 0 auto;}

Make sure you post this in a Free Text Box in your Side Bar so you will have a navigation.

TIP: you can move your ads around and wrap the text around the
icon to make it look better (Display> Presentation> expand all> Wrap> YES)

Preview:





Live test:
yabi_test8

I had fun making this layout. I learned how to create my own bubbles! Yay! Ayu-chan, soory this is so late! >.< Hope you like~~

hey! say! jump, !layout, pop: japanese

Previous post Next post
Up