Layout 047 : Mini Hearts

[malionette]

All 2009 requests are now finished~! Maybe requests can open up again in the summer... ;)



Click for a Live Preview.


( Layout ) #047 : Mini Hearts
Change the background image and colours to your liking. Current background image is by Sayclub. Tiny icons are made by me.

( Install ) Step 1 - System

Select Theme

1. Select any S2 Flexible Squares layout.

Page Setup

1. Ad Placement: Horizontal
   (Ignore if you have a paid account.)
   
   

← Previous Step | 1 | 2 | 3 | 4 | Next Step →


( Install ) Step 2 - Display

Customize Display

1. Set the user picture position for each entry: Left

← Previous Step | 1 | 2 | 3 | 4 | Next Step →

( Install ) Step 3 - Stylesheet

Custom CSS

1. Use layout's stylesheets: No. IMPORTANT!!
   
   
2. Custom Stylesheet: /* S2 SMOOTH SAILING --- 047 Mini Hearts ---
   Malionette @ Fruitstyle.livejournal.com
   Do not remove this note. */
   
   /* ---------- BODY ---------- */
   
   body {background: #d6e7bd; color: #666666; font: 12px arial; margin: 0; padding: 20px 0 0 0 !important;}
   
   a {text-decoration: none; color: #32b8af; }
   a:hover {color: #bbbbbb; }
   
   .title, .subtitle, .defaultuserpic, .clear, .clearfoot, #sidebar_summary {display: none;}
   
   input, select, #lj_controlstrip td input, #lj_controlstrip td select, textarea
   {border: 1px solid #bbbbbb; font: 12px arial !important; color: #888888 !important; background: #ffffff !important;}
   
   .ljuser img, #lj_controlstrip td .ljuser img {margin: 0 2px 0 2px;}
   
   /* ---------- CONTENT ---------- */
   
   #content-outer { background: url(http://i41.tinypic.com/2da0emt.jpg) no-repeat center center; height: 565px; width: 995px; margin: 0 auto;
   border: 1px solid #ffffff; }
   #content { padding: 25px 193px 61px 33px; }
   
   /* ---------- HEADER ---------- */
   
   #header { height: 34px; }
   .navheader {margin: 0; padding: 0; text-align: right; padding: 10px 10px 0 0; }
   .navheader li { padding: 0 0 0 5px; display: inline; margin: 0 0 0 5px; border-left: 1px solid #bbbbbb; }
   
   /* ---------- SIDEBAR ---------- */
   
   #sidebar {width: 162px; height: 434px; overflow: hidden; position: relative; float: left; padding: 0 10px 10px 10px; }
   
   .sbarlist {margin: 0; padding: 0;}
   .sbartitle {margin: 10px 0 10px 0; padding: 0 0 5px 0; list-style: none; font-size: 16px; border-bottom: 1px solid #ffffff; text-align: right; clear: both;}
   
   .sbarbody, .sbarbody2 {text-align: right; }
   
   .sbaritem {list-style: none; font-size: 9px; border-bottom: 1px solid #ffffff; }
   .sbaritem a {padding: 1px; display: block;}
   .sbaritem a:hover {background: #ffffff;}
   
   #sidebar_calendar table {width: 100%; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; }
   #sidebar_calendar td { border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; }
   
   /* ---------- ENTRY ---------- */
   
   #maincontent {width: 566px; height: 424px; overflow: auto; position: relative; padding: 10px; }
   
   .subcontent {border-bottom: 1px solid #dddddd; clear: both; padding: 10px 0 10px 0;}
   .userpic, .userpicfriends {float: right; border: 1px solid #d6e7bd; background: #ffffff !important; padding: 3px; }
   
   .date {font-size: 9px; color: #bbbbbb;}
   .subject {font-size: 16px; }
   .subject a {padding: 0 0 0 5px;}
   .datesubject {margin-bottom: 10px; border-bottom: 1px solid #d6e7bd; padding: 0 0 10px 0;}
   
   /* ---------- FOOTER ---------- */
   
   .navfooter { margin: 24px 0 0 0; background: #d6e7bd; float: left; padding: 5px 0 5px 0; border: 1px solid #ffffff; }
   .navfooter li {display: inline; padding: 0 5px 0 5px;}
   
   /* ---------- COMMENTS ---------- */
   
   .skiplinks {border-bottom: 1px solid #dddddd; padding: 0 0 10px 0; color: #bbbbbb; }
   .box center {border-bottom: 1px solid #dddddd; padding: 0 0 10px 0; }
   
   .userpiccomment {float: left; border: 1px solid #d6e7bd; padding: 3px; margin: 0 10px 0 0;}
   .commentbox, .commentboxpartial {clear: both; padding: 10px; border-bottom: 1px solid #dddddd; }
   .commentreply {padding: 10px;}
   
   /* ---------- REPLY ---------- */
   
   #qrform table { border: 1px solid #dddddd !important;}
   
   /* ---------- TAGS & ARCHIVE ---------- */
   
   .year { text-align: center; padding: 0 0 10px 0; border-bottom: 1px solid #dddddd; margin: 0;}
   .year li {display: inline;}
   .yeartable {width: 100%; margin: 10px 0 0 0; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; }
   .yeartable td { border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; }
   
   .lj-view-tags #maincontent h2 {font: 16px arial;}
   .ljtaglist {padding: 0;}
   .ljtaglist li {display: block; border-bottom: 1px solid #dddddd; padding: 5px;}
   
   /* ---------- LJ ACCESSORIES ---------- */
   
   div.Inner { border: 1px solid #d6e7bd !important; }
   div.Content { font: 11px arial; color: #666666; }
   
   div.Userpic img { border: 1px solid #d6e7bd; padding: 4px; }
   
   div.ContextualPopup div.Inner div.Content span a, div.ContextualPopup div.Inner div.Content a { color: #32b8af !important; text-decoration: none !important;
   font-weight: lighter; }
   div.ContextualPopup div.Inner div.Content span a:hover, div.ContextualPopup div.Inner div.Content a:hover {color: #bbbbbb !important; }
   
   #lj_controlstrip {bottom: 0; top: auto; position: fixed; z-index: 50;}
   #lj_controlstrip td {background: #ffffff; color: #888888; border-right: 1px solid #d6e7bd; }
   #lj_controlstrip td span {color: #888888; }
   #lj_controlstrip td a {text-decoration: none; color: #32b8af }
   #lj_controlstrip td a:hover {color: #bbbbbb; }
   
   /* Generated by Malionette's Tiny Icon Generator */
   
   img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
   background: transparent url(http://i43.tinypic.com/308irsj.jpg) no-repeat !important; padding: 11px 0 0 11px !important; }
   img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
   background: transparent url(http://i39.tinypic.com/6xx5hy.jpg) no-repeat !important; padding: 12px 0 0 19px !important; }
   img[src*="img/syndicated.gif"] {width: 0 !important; height: 0 !important;
   background: transparent url(http://i39.tinypic.com/6xx5hy.jpg) no-repeat !important; padding: 12px 0 0 19px !important; }
   img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
   background: transparent url(http://i44.tinypic.com/72ejrr.jpg) no-repeat !important; padding: 10px 0 0 8px !important; }
   img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
   background: transparent url(http://i40.tinypic.com/2hwmhpl.jpg) no-repeat !important; padding: 6px 0 0 14px !important; }
   img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important;
   background: transparent url(http://i44.tinypic.com/72ejrr.jpg) no-repeat !important; padding: 10px 0 0 8px !important; }
   img[src*="img/newyearpic_1.gif"] {width: 0 !important; height: 0 !important;
   background: transparent url(http://i43.tinypic.com/308irsj.jpg) no-repeat !important; padding: 11px 0 0 11px !important; }
   
   /* ---------- Add any new code under this line. ---------- */
   

← Previous Step | 1 | 2 | 3 | 4 | Next Step →

( Install ) Step 4 - Link Back

Please link back to fruitstyle so others can find my layouts. Put either a button or the code in your Userinfo.
ButtonCode


View available buttonsLayout by fruitstyle
← Previous Step | 1 | 2 | 3 | 4 | Next Step →


( Optional ) Replace Colours

#ffffff#dddddd#d6e7bd#bbbbbb#888888#666666#32b8af
Replace Colours | Replace Images

( Optional ) Replace Images

Get all the images at Box.net

Image courtesy of Cyworld.

Replace Colours | Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette