Fruitstyle

Put code in Bio

Change links, text, and styling to your preferences

Do not remove the credit link to Fruitstyle

Click for a Live Preview | Generator

( Profile ) #021 : Lisa & Rye

( Install ) Profile Code

You are free to customize this. Use the generator if you aren't sure about your coding skills!

Find more Livejournal skins, themes, and layout designs at Malionette.org.

<div align="center"> <table cellpadding="22px" cellspacing="0" width="308px"> <tr> <td background="http://img163.imageshack.us/img163/8813/fscard01.jpg" height="169px" valign="top" ><font face="century, georgia" size="5" color="#ffffff">Lisa & Rye</font></td> </tr> <tr> <td class="section_body"> </td> </tr> <tr> <td background="http://img713.imageshack.us/img713/7051/fscard02.jpg" height="180px" valign="top" ><table cellspacing="0" width="100%"><tr><td height="20px"><font face="century, georgia" size="5" color="#aaaaaa">we make bread</font></td></tr><tr><td height="50px"><font size="1" face="arial" color="#666666">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet ultrices lorem. Pellentesque fermentum, ligula eu rutrum gravida, felis ipsum. </font></td></tr><tr><td height="7px"></td></tr><tr><td><table cellspacing="0"><tr><td><font size="1" face="arial" color="#ee4d7b"><b>Website<br />Email<br />Contact</b></font></td><td> </td><td><font size="1" face="arial" color="#333333">www.malionette.org<br />myname@livejournal.com<br />(781) 867-5309</font></td></tr></table></td></tr></table></td> </tr> </table><br /><font size="1" color="#aaaaaa"><a href="http://fruitstyle.livejournal.com/"><font size="1" face="arial" color="#ffffff"><u><font color="#888888">Profile Code</font></u></font></a> | <a href="http://fruitstyle.livejournal.com/"><font size="1" face="arial" color="#ffffff"><u><font color="#888888">Layout Credit</font></u></font></a></font> </div>

OR use the Generator to customize your code?

Put code in Bio

Change links, text, and styling to your preferences

Do not remove the credit link to Fruitstyle

Click for a Live Preview | Generator

( Profile ) #022 : Shaun das Shauf

( Install ) Profile Code

You are free to customize this. Use the generator if you aren't sure about your coding skills!

Find more Livejournal skins, themes, and layout designs at Malionette.org.

<div align="center"> <table width="600px" cellpadding="0" cellspacing="0"> <tr> <td><font size="4" face="arial">Shaun das Shauf</font> </td> </tr> <tr> <td><table width="100%" cellspacing="0" cellpadding="1px"><tr><td width="35%" bgcolor="#ffffff"></td><td width="65%" bgcolor="#ffffff"></td></tr><tr><td width="35%" bgcolor="#ffffff"></td><td width="65%" bgcolor="#ffffff"></td></tr><tr><td width="35%" bgcolor="#000000"></td><td width="65%" bgcolor="#000000"></td></tr><tr><td width="35%" bgcolor="#000000"></td><td width="65%" bgcolor="#ffffff"></td></tr><tr><td width="35%" bgcolor="#000000"></td><td width="65%" bgcolor="#ffffff"></td></tr><tr><td width="35%" bgcolor="#000000"></td><td width="65%" bgcolor="#ffffff"></td></tr><tr> <td height="24px" background="http://img28.imageshack.us/img28/1646/dotbot.gif"><font size="2" face="arial"><b>Email </b> </font> <a href="http://malionette.org/"><font color="#ffffff" size="2" face="arial"><u><font color="#606060">myname@livejournal.com</font></u></font></a></td> <td rowspan="10" valign="top"><table cellspacing="0px"><tr><td> </td><td class="actions" valign="top"><font face="arial" color="#606060">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet ultrices lorem. Pellentesque fermentum, ligula eu rutrum gravida, felis ipsum semper tellus, elementum mattis ipsum at diam. Cum sociis natoque penatibus et magnis dis parturient montes, ridiculus mus. <br /><br /> Integer et leo nunc, eget interdum urna. Pellentesque fermentum, ligula eu rutrum gravida, felis ipsum semper tellus, elementum mattis ipsum libero at diam. </font></td></tr></table></td> <tr><td height="24px" background="http://img28.imageshack.us/img28/1646/dotbot.gif"><font size="2" face="arial"><b>Icons </b> </font> <a href="http://fruitstyle.livejournal.com/"><font color="#ffffff" size="2" face="arial"><u><font color="#606060">Community</font></u></font></a></td></tr> <tr><td></td></tr> <tr><td height="24px" background="http://img28.imageshack.us/img28/1646/dotbot.gif"><font size="2" face="arial"><b>Website </b> </font> <a href="http://malionette.org/"><font color="#ffffff" size="2" face="arial"><u><font color="#606060">Malionette.org</font></u></font></a></td></tr> <tr><td height="24px" background="http://img28.imageshack.us/img28/1646/dotbot.gif"><font size="2" face="arial"><b>Layout </b> </font> <a href="http://fruitstyle.livejournal.com/"><font color="#ffffff" size="2" face="arial"><u><font color="#606060">Fruitstyle</font></u></font></a></td></tr> <tr><td height="24px" background="http://img28.imageshack.us/img28/1646/dotbot.gif"><font size="2" face="arial"><b>Profile Code </b> </font><a href="http://fruitstyle.livejournal.com/"><font color="#ffffff" size="2" face="arial"><u><font color="#606060">Fruitstyle</font></u></font></a></td></tr> </table></td> </tr> </table> </div>

OR use the Generator to customize your code?

Put code in Bio

Change links, text, and styling to your preferences

Do not remove the credit link to Fruitstyle

Layout 054 : Flora Vintage

2011-07-19T22:11:47Z

( Layout ) #054 : Flora Vintage

This is a remix of dulcitone's layout Early Dawn that I made for the Layout Remix challenge at tube.

So... my thoughts... Well, I didn't make this layout anywhere near what I planned it out to be (see my design board). Even though it was a remix, I didn't feel like making a generic layout-- which is why it looks a bit different from the original. I kept the colours and the general mood of dulcitone's layout (feminine, cute, minimal), but the skeleton code and format is completely different. I've fully customized the archive, tags, reply page, pop ups, and comment pages (which I'm quite proud of) so install it and try it out!

I think minus from tube wanted my opinion on remix challenges. Well, I think it was a fun challenge! I probably made this a lot more difficult than it should have been since I'm a little stubborn as to what I produce (30 minute simple layout VS 6 hour complicated one? I took the 6 hour route ugghh). The challenge itself was quite welcoming to me, but I might not recommend it to beginners. Hmm.

One more story! I was rushed on time since I promised myself that I would post Lamb & Kitty yesterday and I needed to finish this layout the same day. I was sooooo scared that I wouldn't be able to finish and post it since I'm going to IRI tomorrow (Does anyone even know what IRI is!?!). Gosh I talk so much. Anyway, enjoy the layout!

( Install ) Step 1 — System

Select any S2 Minimalism - Penguins layout.

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

( Install ) Step 2 — Stylesheet

Use layout's stylesheets: No. IMPORTANT!!
Custom Stylesheet: /* S2 FLEXIBLE SQUARES --- 054 Flora Vintage --- Malionette @ Fruitstyle.livejournal.com Do not remove this note. */ /* ---------- BODY ---------- */ body { font: 11px georgia ; color: #808080; margin: 0; padding: 0; background: #f9f9f9; } a {color: #e778b0; text-decoration: none;} a:hover {color: #ed96c5; } input, select, textarea, code { background: #f9f9f9; } h1, h2, h3, h4, h5, h6 {font-family: georgia; color: #e778b0; } blockquote {background: #f9f9f9; padding: 10px; font: 13px georgia; line-height: 150%; -moz-border-radius: 10px; border-radius: 10px; } input, select, textarea {border: 1px solid #dddddd; font: 11px georgia; color: #808080; background: #ffffff; } textarea {font: 12px georgia; padding: 3px;} #page {padding: 20px 0 0 0;} .layout {width: 750px; margin: 0 auto; background: #ffffff url(http://img193.imageshack.us/img193/9703/110719reprep.png) repeat; -moz-border-radius: 10px; border-radius: 10px; } .view-archive .layout, .view-month .layout, .view-tags .layout {padding-bottom: 10px;} /* ---------- HEADER FOOTER SIDEBAR ---------- */ .u-wrap, .header h3, .nav-sub, .sidebar, .footer , .header h2, .hr {display: none; } .nav {text-align: center; margin: 10px 0 10px 0; padding: 10px 0 20px 0; } .page-nav {text-align: center; margin: 10px 0 10px 0; padding: 20px 0 10px 0; } .nav li {margin: 0; padding: 10px 5px 10px 5px; margin: 0 5px 0 5px; text-align: center; list-style: none; display: inline; font-size: 13px; letter-spacing: 1px; -moz-border-radius-bottomright: 10px; border-radius-bottom-right: 10px; -moz-border-radius-bottomleft: 10px; border-radius-bottom-left: 10px; background: #ffffff; } .page-nav li {margin: 0; padding: 10px 5px 10px 5px; margin: 0 5px 0 5px; text-align: center; list-style: none; display: inline; font-size: 13px; letter-spacing: 1px; -moz-border-radius-topright: 10px; border-radius-top-right: 10px; -moz-border-radius-topleft: 10px; border-radius-top-left: 10px; background: #ffffff; } .nav a, .page-nav a {padding: 0 5px 0 5px; color: #c0b1b0; } .nav a:hover, .page-nav a:hover { color: #e778b0; } .content-inner-in {text-align: center; } .entry-wrap {text-align: left; } .item-selected a, .item-selected a:hover, li.item-selected {color: #e778b0; background: #f9f9f9;} /* ---------- ENTRY ---------- */ .entry-title { padding: 0 10px 10px 10px; font: italic 16px georgia; } .vcard dt, .vcard dd, .vcard dl {padding: 0; margin: 0 ;} .vcard {font-size: 0; position: absolute; margin: -38px 0 0 -150px; -moz-border-radius: 10px; border-radius: 10px; padding: 0 0 10px 0; background: #e778b0;} .vcard:hover {background: #ed96c5; } .vcard a {font: 9px arial; letter-spacing: 1px; font-weight: lighter; color: #ffffff; } .vcard dt img {background: #ffffff url(http://img193.imageshack.us/img193/9703/110719reprep.png) repeat; padding: 10px; -moz-border-radius: 10px; border-radius: 10px; border-bottom: 1px solid #ffffff; } .vcard a:hover {color: #dddddd; } .username {color: #404040; font-size: 0pt; } .username .ljuser {display: block; padding: 1px 0 0 0;} .updated {display: none; } .entry > dd {margin: 0; padding: 5px 10px 5px 10px; font: 11px arial; } .entry { padding: 10px 0 10px 0; clear: both; background: #ffffff; margin: 10px; -moz-border-radius: 10px; border-radius: 10px; min-height: 150px; } /* ---------- META ---------- */ .metadata {display: none; } .ljtags {margin: 10px 0 0 0;} /* ---------- ENTRY LINKBARS ---------- */ .entrymenu { text-align: left; border-top: 1px solid #dddddd; } .entrymenu ul, .entrymenu li, .entrysubmenu ul, .entrysubmenu li {margin: 0; padding: 0; text-align: center; list-style: none; display: inline; } .entrymenu a, .entrysubmenu a {padding: 0 10px 0 10px; font: 10px times new roman; text-transform: lowercase; letter-spacing: 2px; } .entrymenu a:hover , .entrysubmenu a:hover {color: #dddddd; } .entrysubmenu { border-top: 1px solid #dddddd; } /* ---------- ARCHIVE YEAR ---------- */ .view-archive .entry-text {background: #ffffff; clear: both; text-align: center; } .view-archive .entry-text ul { border-bottom: 1px solid #dddddd; padding: 10px; } .view-archive .entry-text li {display: inline; padding: 0 10px 0 10px;} .calendar-wrap table {width: 50%; margin: 0 auto; margin-bottom: 20px; background: #dddddd;} .calendar-wrap table caption {padding: 10px; } .calendar-wrap td {padding: 5px; background: #ffffff; } /* ---------- ARCHIVE MONTH ---------- */ .view-month .entry-title {text-align: center; margin: 0 auto; float: none; padding: 3px 0 10px 0;} .view-month .entry-text {background: #ffffff; clear: both; padding: 10px; text-align: left; } .view-month .entry-text dt {padding: 5px; border-bottom: 1px solid #dddddd; font-size: 14pt; letter-spacing: -1px; } .view-month .entry-text dd {padding: 0 0 0 50px; } /* ---------- TAGS ---------- */ .content-tags {background: #ffffff; padding: 10px; } /* ---------- COMMENTS TOP HALF ---------- */ .entry-linkbar {clear: both; display: block; opacity: .7; text-align: center; background: #f9f9f9; padding: 5px 0 5px 0; margin-bottom: 10px; } .entry-linkbar img:hover {opacity: .6; } .view-entry .entry, .view-reply .entry {margin-bottom: 0; } .view-entry .entry-wrap + .hr + .entry-wrap .entry, .view-reply .entry-wrap + .hr + .entry-wrap .entry {background-color: transparent; } .comments-links {padding: 10px; text-align: center; background: #ffffff; margin-bottom: 10px; -moz-border-radius: 10px; border-radius: 10px; font: 10px times new roman; text-transform: lowercase; letter-spacing: 2px; } .view-entry table[cellpadding="3"] {font-weight: lighter; letter-spacing: 2px; background: #ffffff; -moz-border-radius: 10px; border-radius: 10px; opacity: .7;} /* ---------- COMMENTS BOTTOM HALF ---------- */ .entry-comments-text > table {margin: auto; margin-top: 10px; margin-bottom: 10px; } .comment-wrap {margin: 0 0 10px 0; background: #f9f9f9; -moz-border-radius: 10px; border-radius: 10px; background: #ffffff; clear: both;} .comment-upic {background: #ffffff url(http://img193.imageshack.us/img193/9703/110719reprep.png) repeat; padding: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 10px 0 0 10px; } .comment-upic img {width: 50px; height: 50px; border: 1px solid #ffffff;} .comment-head-in, .comment-upic {float: left; } .comment-head-in {padding: 10px 0 0 0;} .comment-head-in p {margin: 0px 0 0 10px; font-size: 7pt; padding: 0 0 5px 0;} .comment-head-in p img {height: 16px; width: 16px; } .comment-head-in h3 {font-size: 14pt; letter-spacing: -1px; padding: 0 0 0 10px; margin: 0; } .comment-head p img {vertical-align: top;} .screened {background: #f9f9f9; } .partial {padding: 10px; } .comment-text {padding: 10px; clear: left; font: 11px arial; } .comment-menu {padding: 5px 0 5px 10px; color: transparent; border-top: 1px solid #dddddd; font: 10px times new roman; text-transform: lowercase; letter-spacing: 2px; } /* ---------- REPLY AND DELETE ---------- */ div.ljcmtmanage {border: 0; background: #ffffff; color: #808080; } #qrform table, #postform table {width: 100%; margin: 0 0 10px 0; border: 0 !important; padding: 10px; background: #ffffff; -moz-border-radius: 10px; border-radius: 10px; } #qrform td {text-align: left; } #postform textarea {width: 100%; } #postform table {margin: 10px 0 0 0; } #postform table table {border: 0 !important;} #postform table td {text-align: left; } /* ---------- EXTRA ---------- */ div.ContextualPopup div.Inner {border: 0; background: transparent !important; font: 10px arial !important; } div.ContextualPopup div.Userpic {margin-right: -30px; padding: 10px; background: #e778b0; -moz-border-radius: 10px; border-radius: 10px; } div.ContextualPopup div.Content {-moz-border-radius: 10px; border-radius: 10px; background: #ffffff; color: #808080; padding: 10px; border: 1px solid #dddddd; } div.ContextualPopup div.Inner div.Content a {color: #e778b0 !important; text-decoration: none !important;font-weight: lighter !important; } div.ContextualPopup div.Inner div.Content span.alias-unavailable a {color: #e778b0 !important} div.ContextualPopup div.Inner div.Content a:hover, div.ContextualPopup div.Inner div.Content .alias-unavailable a:hover {color: #ed96c5 !important;} /* Generated by Malionette's Tiny Icon Generator */ img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img828.imageshack.us/img828/5647/user1z.png) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img24.imageshack.us/img24/3274/home1p.png) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img6.imageshack.us/img6/9430/heart1f.png) no-repeat !important; padding: 16px 0 0 16px !important; margin-bottom: -5px; } img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img16.imageshack.us/img16/2691/close1.png) no-repeat !important; padding: 16px 0 0 16px !important; margin-bottom: -5px; }

( Install ) Step 3 — Link Back

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

Button	Code
View available buttons	`Layout by fruitstyle`

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

( Optional ) Add a Banner

The recommended banner size is 750px wide.

Note: The top links will cover part of your header and your header will automatically have rounded edges.

Replace HTTP://URLHERE.PNG with your banner url
Replace ### with your banner height (pixels)
Add the code to the bottom of the Custom Stylesheet box

Add a Banner | Replace Colours | Replace Images

( Optional ) Replace Colours


#ffffff	#f9f9f9	#ed96c5	#e778b0	#dddddd	#c0b1b0

#808080	#

How do I replace layout images?

Add a Banner | Replace Colours | Replace Images

( Optional ) Replace Images

Get all the images at Box.net

Add a Banner | Replace Colours | Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Layout 053 : Lamb & Kitty

2011-07-19T18:42:57Z

( Layout ) #053 : Lamb & Kitty

Lamb & Kitty is the 53rd livejournal layout made by Malionette. Its simple layout flows and works with the outstanding pop colours. The header image is easily swappable and the pink colour can easily be changed to one of the user's taste.

( Install ) Step 1 — System

Select any S2 Flexible Squares layout.

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

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

( Install ) Step 2 — Display

Set the user picture position for each entry: Left

Link List

Fill your link list with links. Your link list must have more lines than your blurb.

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

( Install ) Step 3 — Stylesheet

Use layout's stylesheets: No. IMPORTANT!!
Custom Stylesheet: /* S2 FLEXIBLE SQUARES --- 053 Lamb & Kitty --- Malionette @ Fruitstyle.livejournal.com Do not remove this note. */ /* ---------- BODY ---------- */ body { font: 12px lucida grande, arial; color: #505050; margin: 0; padding: 0; background: #000000; } a {color: #ff6590; text-decoration: none;} a:hover {color: #f8b5c7; } #content {background: #ffffff; width: 850px; margin: 0 auto; padding: 0;} input, select, textarea, code { background: #dddddd; } h1, h2, h3, h4, h5, h6 {font-family: georgia;} blockquote {background: #dddddd; padding: 10px; font: 13px georgia; line-height: 150%; } /* ---------- HEADER ---------- */ #header {background: #333333; margin-top: 6px; height: 40px; overflow: hidden;} .navheader {padding: 0; margin: 0; float: right;} .navheader li {list-style: none; display: inline; float: left; } .navheader li a, .view { height: 40px; padding: 14px 6px 0 6px; color: #aaaaaa; font: 9px arial narrow; text-transform: uppercase; letter-spacing: 1px; display: block; } .view {background: #505050; color: #ffffff; } .navheader a:hover {color: #ff6590; background: #000000; } .title {font: 12px courier new; color: #ffffff; text-transform: uppercase; padding: 13px 0 0 10px; letter-spacing: 2px; } .subtitle {display: none;} /* ---------- SIDEBAR ---------- */ #sidebar {background: #505050; padding: 10px 0 10px 0; min-height: 100px; } #sidebar div, .sbartitle {display: none; } #sidebar .sbarbody2, #sidebar #sidebar_linklist {display: block;} .sbarlist {padding: 0px 0px 0px 20px; margin: 0; width: 100px; } .sbarlist li {list-style: none; border-bottom: 1px dotted #333333; } .sbarlist li a {font: 9px arial; display: block; padding: 5px 0 5px 0; color: #aaaaaa;} .sbarlist li a:hover {color: #dddddd;} .sbarbody2 {float: right; width: 700px; padding: 0 10px 0 0; font: 13px georgia; color: #aaaaaa; line-height: 200%;} /* ---------- ENTRIES ---------- */ .userpic, .userpicfriends {float: left; padding: 20px 0 20px 20px; background: #ffffff !important; margin: 0 20px 0 0; width: 100px; text-align: center; color: #ffffff;} .userpicfriends {font: 9px arial narrow; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 10px; } .userpicfriends img {padding: 0 0 10px 0;} .userpicfriends a font {color: #ff6590; text-decoration: none;} .userpicfriends a font:hover {color: #f8b5c7; } .subcontent {border-top: 6px solid #000000; clear: both;} .date {display: none;} .subject {padding: 20px 0 10px 140px; font: 15px georgia; letter-spacing: 1px;} .subject a {color: #000000; } .subject a:hover {color: #aaaaaa; } .subject img {padding: 0 10px 0 0; } .entry { padding: 0px; margin: 0; background: #f8b5c7; } .entry_text, .currents {margin-left: 120px; padding: 0 0 10px 20px; background: #ffffff; } .ljtags {padding-top: 10px;} .ljtags, .currents {font: 10px courier new; text-transform: uppercase; } .currents strong {font-weight: lighter; color: #505050; } .currents img {float: right; padding: 10px; } .ljtags a, .currents { color: #aaaaaa; } .ljtags a:hover {color: #808080; } .comments {text-align: center; padding: 6px 0 6px 0; background: #ff6590; color: #f8b5c7; clear: both; } .comments a {color: #ffffff; padding: 6px;} .comments a:hover {color: #f8b5c7; } .clear, .clearfoot, .separator {display: none;} /* ---------- COMMENTS ---------- */ .skiplinks {text-align: center; padding: 6px 0 6px 0; background: #ff6590; color: #f8b5c7; clear: both;} .skiplinks a {color: #ffffff; padding: 6px;} .skiplinks a:hover {color: #f8b5c7; } .lj-view-entry .box {background: #000000;} .lj-view-entry .box center {border-top: 6px solid #000000; padding: 6px 0 6px 0; background: #333333; color: #dddddd;} .commentbox , .commentboxpartial {background: #505050; margin: 6px 0 0 0; padding: 6px; color: #aaaaaa; font: 10px courier new; text-transform: uppercase; letter-spacing: 1px; clear: both;} .commentbox .userpiccomment {float: left; margin: 0 10px 0 0; } .datesubjectcomment strong { font: 15px georgia; letter-spacing: 1px;} .commentreply {font: 12px arial; color: #ffffff; text-transform: none; letter-spacing: 0; padding-top: 10px;} .commentbox > div[style*="margin-top"] {text-align: left !important; color: #ffffff; margin-top: 10px !important; } .commentbox > div > div > a > img {width: 14px; height: 14px;} .commentbox > div > div > a > img:hover {opacity: .7;} .box + .box {padding-top: 10px; } .box + .box center { margin-bottom: 0; padding-bottom: 0; } .commentbox #qrform table {border: 0 !important; width: 100%; background: #333333; padding: 10px; margin: 23px -16px 6px 0; float: right;} .commentbox #qrform td {text-align: left;} /* ---------- REPLY ---------- */ .lj-view-reply .box {border-top: 6px solid #000000; background: #333333; color: #aaaaaa; padding: 15px 10px 10px 10px; } .lj-view-reply #postform table, .box > div > div > #qrform table {border-top: 1px solid #505050; width: 100%; margin: 10px 0 0 0; padding: 10px 0 0 0; } .lj-view-reply #postform td, .box > div > div > #qrform table td {text-align: left; line-height: 200%;} .lj-view-reply #postform td > br {display: none;} .lj-view-reply .entry {background: #ffffff;} .box > div > div > #qrform table {background: #333333; color: #ffffff;} .box > div > div > #qrform table > tbody > tr > td {padding: 0 0 0 10px;} .box input, .box select, .box textarea {background: #505050; color: #ffffff; border: 0; padding: 1px 3px 1px 3px;} .box input[type="submit"]:hover {background: #000000;} /* ---------- ARCHIVE ---------- */ .year { padding: 0; margin: 0; text-transform: uppercase; padding: 6px 0 6px 0; background: #ff6590; color: #f8b5c7; text-align: center; border-bottom: 6px solid #000000; } .year li {display: inline; } .year a {color: #ffffff; padding: 6px;} .year a:hover {color: #f8b5c7; } .yeartable {padding: 10px 0 0 0;} .yearmonth { font: 15px georgia; letter-spacing: 1px; padding: 0 0 10px 0;} .yearmonth a {font: 12px arial; letter-spacing: 0;} .subcontent + div + div + div + .skiplinks {border-top: 6px solid #000000;} .lj-view-month .entry {background: #ffffff; padding: 0 10px 10px 10px;} .lj-view-month .entry dt {font: 15px georgia; letter-spacing: 1px; font-weight: lighter; } /* ---------- TAG ---------- */ .lj-view-tags #maincontent {border-top: 6px solid #000000; padding: 0 10px 10px 10px; } .lj-view-tags #maincontent > h2 {font: 15px georgia; letter-spacing: 1px; font-weight: lighter; padding: 10px;} .lj-view-tags .ljtaglist li {list-style-type: decimal-leading-zero; display: inline-block; width: 33%; padding: 6px 1px 6px 1px; } /* ---------- FOOTER ---------- */ #footer {background: #333333; border-top: 6px solid #000000; height: 40px; overflow: hidden; } .navfooter {padding: 0; margin: 0;} .navfooter li {list-style: none; display: inline; float: left; } .navfooter li a, .viewing { height: 40px; padding: 14px 5px 0 5px; color: #aaaaaa; font: 9px arial narrow; text-transform: uppercase; letter-spacing: 1px; display: block; } .viewing {background: #000000; color: #ffffff; } .navfooter a:hover {color: #ff6590;} /* ---------- OTHER BELOW HERE ---------- */ ::-moz-selection, ::selection, code::-moz-selection, code::selection { background: #ff6590; color: #ffffff;} div.ContextualPopup div.Inner {border: 0; background: transparent !important; font: 10px arial !important; } div.ContextualPopup div.Userpic {margin-right: -30px; padding: 10px; background: #f8b5c7; } div.ContextualPopup div.Content { background: #333333; padding: 5px; color: #aaaaaa; } div.ContextualPopup div.Inner div.Content a {color: #ffffff !important; text-decoration: none !important;font-weight: lighter !important; } div.ContextualPopup div.Inner div.Content span.alias-unavailable a {color: #ffffff !important} div.ContextualPopup div.Inner div.Content a:hover, div.ContextualPopup div.Inner div.Content .alias-unavailable a:hover {color: #f8b5c7 !important;} /* Generated by Malionette's Tiny Icon Generator */ img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img828.imageshack.us/img828/5647/user1z.png) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img24.imageshack.us/img24/3274/home1p.png) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img6.imageshack.us/img6/9430/heart1f.png) no-repeat !important; padding: 16px 0 0 16px !important; margin-bottom: -5px; } img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img16.imageshack.us/img16/2691/close1.png) no-repeat !important; padding: 16px 0 0 16px !important; margin-bottom: -5px; } body > div[style="border"] {background-color: #000000 !important; border: 0 !important;} .headerimage {background: url(http://img841.imageshack.us/img841/1331/110715heart.jpg) no-repeat top center; height: 159px;}

← 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.

Button	Code
View available buttons	`Layout by fruitstyle`

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

( Optional ) Add a Banner
The recommended banner size is 850px wide. Replace the banner in the layout with your own.
Add a Banner \| Replace Colours \| Replace Images

( Optional ) Replace Colours


#ffffff	#ff6590	#f8b5c7	#dddddd	#aaaaaa	#808080

#505050	#333333	#000000	#

How do I replace layout images?

Add a Banner | Replace Colours | Replace Images

( Optional ) Replace Images

Get all the images at Box.net

Add a Banner | Replace Colours | Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Wallpaper 009

2011-07-09T16:31:09Z

[1] Legend of Zelda Wallpaper

Deviant Art | Animepaper

Original Version: 1920x1200 | 1600x1200 | 1440x900 | 1280x1024

Please ask if you would like this in different resolutions.

Layout 052 : Claire

2011-07-05T18:33:39Z

( Layout ) #052 : Claire

Claire: A minimalist's layout.

( Install ) Step 1 — System

Select any S2 Flexible Squares layout.

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

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

( Install ) Step 2 — Display

Set the user picture position for each entry: Left

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

( Install ) Step 3 — Stylesheet

Use layout's stylesheets: No. IMPORTANT!!
Custom Stylesheet: /* S2 FLEXIBLE SQUARES --- 052 Claire --- Malionette @ Fruitstyle.livejournal.com Do not remove this note. */ /* ---------- BODY ---------- */ body { font: 12px lucida grande, arial; color: #505050; margin: 0; padding: 0; } a {color: #75d0e2; text-decoration: none;} a:active {color: #bce9ef; } a:visited {color: #35bad9; } a:hover {color: #026d99; } input, select, textarea {border: 1px dotted #aaaaaa; background: #ffffff; color: #606060; font: 9px arial; padding: 1px 5px 1px 5px; } input:hover, select:hover, textarea:hover {border-color: #dddddd; } blockquote { border-top: 1px dotted #dddddd; border-bottom: 1px dotted #dddddd; margin-top: 0px; margin-bottom: 0px; padding: 10px 0 10px 0; } #content {width: 960px; margin: 0 auto; border-top: 12px solid #fafafa; padding: 20px 0 0 0;} /* ---------- HEADER ---------- */ #header {border-bottom: 1px dotted #aaaaaa; padding-bottom: 40px; margin: 0 0 30px 0;} .navheader { float: right; margin-top: 15px; } .navheader li {display: inline; font: 14pt arial; text-transform: lowercase; letter-spacing: -1px; padding: 0 5px 0 5px; } .navheader a {color: #888888; } .navheader a:hover {color: #bce9ef; } .navheader li.view {color: #75d0e2;} .title {font: 22pt cambria, georgia, times new roman; letter-spacing: -1px; padding: 0px 7px 0 0; } .subtitle { float: left; font: bold 9pt cambria, georgia, times new roman; padding: 0px 0 20px 0px; text-transform: uppercase; color: #aaaaaa; } /* ---------- SIDEBAR ---------- */ #sidebar {clear: both; width: 200px; float: right; padding: 0 0 10px 0; font: 9px arial; } .sbarbody, .sbarbody2 {border-bottom: 1px dotted #aaaaaa; padding: 10px 0 10px 0;} .sbartitle {display: none;} .defaultuserpic {text-align: center; background: #fafafa; padding: 10px;} .defaultuserpic img {border: 1px dotted #dddddd; padding: 5px; background: #ffffff;} .defaultuserpic img:hover {border-color: #35bad9; opacity: .7; } .sbarlist {padding: 0; margin: 0;} .sbarlist li {list-style: none; margin: 0 0 1px 0;} .sbarlist li a {display: block; background: #fafafa; padding: 2px 5px 2px 5px;} li.tagcloud a { display: inline ; background: transparent; } #sidebar_summary li a {display: inline; background: transparent; padding: 0;} #sidebar_summary li {padding: 3px 0 3px 0; border-bottom: 1px dotted #dddddd;} .calendar {width: 100%;} .calendar td {background: #fafafa; text-align: center; } /* ---------- ENTRY ---------- */ #maincontent {width: 740px; float: left; } .subcontent {clear: both;} .entry {border-bottom: 1px dotted #aaaaaa; padding: 0 130px 10px 0; margin: 0 0 10px 0; } .date {font: 9px arial; color: #aaaaaa;} .entry_text {line-height: 200%; padding: 10px 0 0 0; min-height: 40px; } .subject {font: 22pt cambria, georgia, times new roman; letter-spacing: -1px;} .subject img {opacity: 0.5; float: right; padding: 10px;} .userpic, .userpicfriends {float: right; padding: 10px; background: #fafafa !important; color: #fafafa; text-align: center; font: 9px arial; } .userpicfriends img {margin: 0 0 10px 0; border: 1px dotted #dddddd; padding: 5px; background: #ffffff;} .userpicfriends:first-child a font { color: #35bad9;} .userpicfriends:first-child a font:hover { color: #026d99;} .ljtags {font: 9px arial; margin: 10px 0 0 0; border-left: 10px solid #b4e3ec; padding: 0 0 0 10px;} .currents {font: 9px arial; } .currents > div {margin: 1px 0 0 0; } .currents strong {font-weight: lighter; border-left: 10px solid #dddddd; padding: 0 0 0 10px; } .currents img {float: right;} .comments { padding: 20px 0 10px 0; color: #ffffff; } .comments a {background: #75d0e2; padding: 5px; color: #ffffff; } .comments a:hover {background: #35bad9; } .clear, .clearfoot {display: none;} .entry dt {margin: 1px 0 1px 0; padding: 0 0 0 10px; font: 16pt cambria, georgia, times new roman; letter-spacing: -1px; } .skiplinks {border-bottom: 1px dotted #dddddd; padding: 0 0 10px 0; margin: 0 0 10px 0;} /* ---------- COMMENTS PAGE ---------- */ .userpiccomment {float: left; padding: 0 10px 0 0; background: #ffffff; opacity: .7; width: 50px; height: 50px; } .commentbox {clear: both; border-bottom: 1px dotted #aaaaaa; padding: 10px 0 0px 0;} .commentboxpartial {padding: 5px; border-bottom: 1px dotted #aaaaaa; } .commentreply { padding: 10px 0 0 0; } .datesubjectcomment {} .commentbox > div[style*="margin-top"] {text-align: left !important; color: #ffffff; margin-top: 10px !important; } .commentbox > div[style*="margin-top"] > a {background: #75d0e2; padding: 3px; color: #ffffff; } .commentbox > div > div > a > img {width: 14px; height: 14px;} .commentbox > div > div > a > img:hover {opacity: .7;} .commentbox > div > div[style*="text-align"] {text-align: left !important; padding: 10px 0 5px 0 !important; color: #505050; } .box {padding: 10px 0 10px 0;} #qrform table {border: 1px dotted #aaaaaa !important; margin: 10px 0 10px 0;} #qrform textarea {padding: 5px 0 5px 0; } /* ---------- FOOTER ---------- */ #footer {clear: both; padding: 30px 0 30px 0;} .navfooter {padding: 0 200px 0 0; margin: 0; } .navfooter li {display: inline; } .navfooter li.viewing {display: none;} .navfooter li a {margin: 0 10px 0 0; padding: 5px; background: #75d0e2; color: #ffffff; } .navfooter li a:hover {background: #35bad9; } /* ---------- ARCHIVE & TAGS ---------- */ .year {text-align: center;} .year li {display: inline; padding: 0 0 0 10px; font: 22pt cambria, georgia, times new roman; letter-spacing: -1px;} .yeartable {width: 80%;} .yeartable td {background: #fafafa; text-align: center; padding: 3px; } td.yearmonth {font: bold 10pt arial; text-align: left; background: #ffffff; font: 22pt cambria, georgia, times new roman; letter-spacing: -1px; } td.yearmonth a {font: 12px lucida grande, arial; letter-spacing: 0px; float: right;} td.yearday {border: 1px dotted #aaaaaa; background: #ffffff; font: 9px arial; } .ljtaglist {padding: 0; margin: 0;} .ljtaglist li {list-style: none; padding: 3px 0 3px 10px;} .ljtaglist li:hover {background: #fafafa; } body > div[style*="border"] {background: #ffffff !important; border-color: #ffffff !important; } div.ContextualPopup div.Inner {border: 1px dotted #aaaaaa; color: #505050; padding: 0; margin: 0;} div.ContextualPopup div.Userpic img { border: 10px solid #75d0e2; margin: -5px 0 0 -290px; } div.ContextualPopup div.Inner div.Content {padding: 5px ; margin: 0;} div.ContextualPopup div.Inner div.Content a {color: #75d0e2 !important; text-decoration: none !important; } div.ContextualPopup div.Inner div.Content a:hover {color: #026d99 !important; } /* ---------- ADD MODIFICATIONS HERE ---------- */

← 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.

Button	Code
View available buttons	`Layout by fruitstyle`

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

( Optional ) Add a Banner

The recommended banner size is 960px wide.

Replace HTTP://URLHERE.PNG with your banner url
Replace ### with your banner height (pixels)
Add the code to the bottom of the Custom Stylesheet box

Add a Banner | Replace Colours

( Optional ) Replace Colours


#ffffff	#fafafa	#dddddd	#bce9ef	#b4e3ec	#aaaaaa

#888888	#75d0e2	#505050	#35bad9	#026d99

Add a Banner | Replace Colours

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Layout 051 : Slippr

2011-06-25T17:48:39Z

( Layout ) #051 : Slippr

Commissioned. Featuring Rose & Maruga from Dragon Crisis.

( Install ) Step 1 — System

Select any S2 Flexible Squares layout.

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

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

( Install ) Step 2 — Display

Set the user picture position for each entry: Left

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

( Install ) Step 3 — Stylesheet

Use layout's stylesheets: No. IMPORTANT!!
Custom Stylesheet: /* S2 Flexible Squares --- 051 Slippr --- Malionette @ Fruitstyle.livejournal.com Do not remove this note. */ /* -------------------------------------- PAGE -------------------------------------- */ body {font: 11pt calibri; color: #606060; background: #ededed; } a { color: #61a4f3; font-weight: bold; text-decoration: none; } a:visited {color: #ffbab5; } a:hover { color: #f09f6a; } blockquote {border: 1px solid #ededed; padding: 10px;} #content-outer {width: 940px; margin: 0 auto; border: 12px solid #e3e3e3; background: #ffffff no-repeat bottom right url(http://img197.imageshack.us/img197/3474/slipprpic.jpg); display: block;} #maincontent {border-right: 4px solid #ededed; width: 690px; padding-top: 15px; display: block; min-height: 380px; } /* -------------------------------------- HEADER -------------------------------------- */ #header {width: 255px; position: absolute; height: 90px; overflow:hidden; margin-left: 690px; } .navheader {padding: 15px 20px 0 20px; margin: 0; } .navheader li {list-style: none; margin-bottom: 1px;} .navheader li a {display: block; background: #e3e3e3; color: #ffffff; font: bold 8pt arial; text-transform: uppercase; padding: 0 15px 0 15px; } .navheader li a:hover {color: #aaaaaa; } .navheader li.view {display: block; color: #aaaaaa; font: bold 8pt arial; text-transform: uppercase; padding: 0 15px 0 15px;} .title, .subtitle, .defaultuserpic {display: none;} /* -------------------------------------- SIDEBAR -------------------------------------- */ #sidebar {width: 215px; float: right; margin-top: 104px; margin-right: 15px; position: relative; font: 8pt arial; border-top: 4px solid #ededed; padding: 15px 0 0 0; } .sbarlist { padding: 0; margin: 0; } .sbartitle {list-style: none; color: #aaaaaa; text-transform: uppercase; font: bold 8pt calibri; letter-spacing: 2px; } .sbarcontent {padding: 10px 0 10px 0;}body > div {display: none;} .sbarbody2 {border: 1px solid #ededed; padding: 10px; margin: 10px 0 10px 0; } .tagcloud {list-style: none;} .sbaritem {list-style: none; margin-bottom: 1px;} .sbaritem a {display: block; border-bottom: 1px solid #ededed; font: 8pt arial; color: #aaaaaa; } .sbaritem a:hover {color: #606060; } #sidebar_summary .sbaritem a {display: inline; } table.calendar {width: 100%; } table.calendar td {text-align: center; background: #ededed; font-weight: bold; color: #ffffff; } /* -------------------------------------- ENTRY -------------------------------------- */ .userpic, .userpicfriends {float: right; background: #ededed !important; border: 4px solid #ededed; border-right: 0; text-align: center; color: #ededed; margin-left: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; bordertop-right-radius: 0px; } .userpic img, .userpicfriends img {border: 1px solid #ffffff;} .userpicfriends img {margin-bottom: 4px;} .userpicfriends font, .userpicfriends a {font: bold 8pt calibri !important; text-transform: uppercase; letter-spacing: 1px; color: #606060 !important;} .userpicfriends font:hover, .userpicfriends a:hover {color: #aaaaaa !important;} .date {float: left; padding: 15px 0 0 10px ; color: #f09f6a; font: bold 8pt calibri; text-transform: uppercase; letter-spacing: 2px;} .subject {padding: 0 10px 0 10px; text-align: right; border-bottom: 1px solid #ededed; } .subject a {font: 18pt century gothic; color: #aaaaaa; min-height: 24px; } .subject a:hover {color: #606060; } .skiplinks {text-align: center; } .lj-view-entry .subject {font: 18pt century gothic; color: #aaaaaa; min-height: 24px; } .entry {padding-bottom: 10px;} .entry_text {padding: 10px;} .clear {display: none;} .currentlocation, .currentmusic {display: none;} .currentmood {margin: 0 10px 1px 10px; font: 8pt arial; text-align: right;} .currents div strong {font: bold 8pt calibri; text-transform: uppercase; letter-spacing: 2px; padding: 0 3px 0 10px;} .currents div img {padding: 0 5px 0 5px;} .comments {color: #ffffff; margin: 10px;} .comments a {border-radius: 7px; padding: 0 10px 0 10px; background: #ffbab5; color: #ffffff; font: bold 12pt century gothic; border: 1px solid transparent; } .comments a[href*="mode=reply"] {background: #ededed; color: #aaaaaa;} .comments a:hover {color: #606060; background: #ffffff; border: 1px solid #dddddd; } /* -------------------------------------- COMMENTS -------------------------------------- */ .box {border-top: 1px solid #ededed; } .userpiccomment {background: #ededed !important; border: 4px solid #ededed; float: left; text-align: center; color: #ededed; margin: 5px; -moz-border-radius: 4px; border-radius: 4px; } .commentbox, .commentboxpartial {border: 1px solid #ededed; margin: 5px;} /* -------------------------------------- TAGS / ARCHIVE -------------------------------------- */ .year {text-align: center;} .year li {display: inline; } .yeartable td{background: #ededed; color: #ffffff; font-weight: bold; text-align: center;} .yeardate div {text-align: left; color: #606060; } h2 {font: 18pt century gothic; padding: 0 0 0 15px;} .ljtaglist {padding: 0 15px 0 15px; margin: 0 0 10px 0 ;} .ljtaglist li {border-bottom: 1px solid #ededed; list-style: none;} /* -------------------------------------- FOOTER -------------------------------------- */ .clearfoot {display: none; } #footer { width: 680px; border-right: 4px solid #ededed; border-top: 1px solid #ededed; padding: 5px;} .navfooter {padding: 0; margin: 0; text-align: center; } .navfooter li {list-style: none; display: inline; margin: 0 5px 0 5px;} #lj_controlstrip_new {display: block; } /* ---------- 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.

Button	Code
View available buttons	`Layout by fruitstyle`

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

( Optional ) Add a Banner
The recommended banner size is 250px wide and 400px high. Replace the banner in the layout with your own.
Add a Banner \| Replace Colours \| Replace Images

( Optional ) Replace Colours


#ffffff	#ffbab5	#f09f6a	#ededed	#e3e3e3	#dddddd

#aaaaaa	#61a4f3	#606060

How do I replace layout images?

Add a Banner | Replace Colours | Replace Images

( Optional ) Replace Images

Get all the images at Box.net

Add a Banner | Replace Colours | Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Got questions about making layouts? Ask.

2011-05-29T16:06:54Z

Robotics season is over! Expect layouts soon =)

2010 Favourites

2011-01-04T21:50:33Z

Happy new years everyone! Here is a compilation of all my 2010 graphical work. Enjoy! =)

2010 Most Popular Winamp Skins
1	2	3

2010 Winamp Skins
1	2	3

4	5	6

7	8	9

10	11	12

13	14	15

16	17	18

19	20	21

2010 Wallpapers
1	2

2010 Top Favourite Livejournal Theme Layouts
4	5

2010 Livejournal Layouts
1	2	3

4	5	6

7	8	9

10

Generated by Malionette's Icon Table Generator

Layout 050 : Iso

2010-12-23T22:22:59Z

( Layout ) #050 : Iso

The 50th layout from fruitstyle! (:

( Install ) Step 1 — System

Select any S2 Flexible Squares layout.

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

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

( Install ) Step 2 — Display

Set the user picture position for each entry: Left

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

( Install ) Step 3 — Stylesheet

Use layout's stylesheets: No. IMPORTANT!!
Custom Stylesheet: /* S2 MINIMALISM --- 050 Iso --- Malionette @ Fruitstyle.livejournal.com Do not remove this note. */ /* ---------- BODY ---------- */ body { font: 12px lucida sans; color: #505050; margin: 0; padding: 0; } a {color: #888888; text-decoration: none; } a:hover, a img:hover {color: #333333; border-color: #888888; } a img {border: 5px solid #ededed; } .subtitle, .clear, .clearfoot, .title {display: none; } input, select, textarea {border: 1px solid #ededed; font: 10px lucida sans; color: #888888; background: #ffffff; } textarea {font: 12px lucida sans; padding: 3px;} dd, dl, dt, ul, li {margin: 0; padding: 0; list-style: none;} h2, h1, h3 {clear: both; font-family: georgia; width: 900px; padding: 10px; margin: 0 auto; font-weight: lighter;} .navheader{-moz-border-radius-topleft: 15px; border-top-left-radius: 15px; -moz-border-radius-topright: 15px; border-top-right-radius: 15px;} .navfooter {-moz-border-radius-bottomleft: 15px; border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; border-bottom-right-radius: 15px;} .userpic, .userpicfriends, .datesubject, .navheader li a, .navfooter li a, .datesubjectcomment, .userpiccomment, .commentboxpartial, div.ContextualPopup div.Inner {-moz-border-radius-topleft: 10px; border-top-left-radius: 10px;} .datesubject, .defaultuserpic, .navheader li a, .navfooter li a, .userpic, .userpicfriends, .datesubjectcomment, .userpiccomment, .commentboxpartial, div.ContextualPopup div.Inner {-moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px;} .sbaritem, .skiplinks a, a img, .year a { -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;} /* ---------- HEADER FOOTER ---------- */ #header { background: #333333; padding-top: 50px;} #footer { background: #333333; padding-bottom: 50px;} .navfooter {position: relative; width: 900px; margin: 0 auto; background: #525252; padding: 15px 15px 15px 5px; color: #ededed; text-align: center;} .navfooter li {display: inline; } .navfooter a {color: #ffffff; padding: 5px 25px 5px 25px; margin: 0 5px 0 5px; background: #e14674; font-size: 10px; } .navheader {position: relative; text-align: center; width: 900px; margin: 0 auto; padding: 154px 15px 15px 5px; } .navheader li {display: inline; } .navheader li.view {display: none; } .navheader a {color: #ffffff; padding: 5px 25px 5px 25px; margin: 0 5px 0 5px; background: #e14674; font-size: 10px; } .navheader li + li a, .navfooter li + li a {background: #df885c; } .navheader li + li + li a{background: #819898; } .navheader li + li + li + li a{background: #df885c; } .navheader li + li + li + li + li a{background: #e14674; } .lj-view-archive .navheader li + li + li + li a{background: #819898; } .lj-view-archive .navheader li + li + li + li + li a{background: #e14674; } /* ---------- SIDEBAR ---------- */ #sidebar {clear: both; width: 920px; margin: 0 auto; } .sbartitle, #sidebar div {display: none; } #sidebar div#sidebar_linklist, #sidebar div.sbarbody2, #sidebar div.defaultuserpic {display: block;} .defaultuserpic {float: left; border: 10px solid #888888; } .defaultuserpic img, .commentbox div div a img {border: 0;} #sidebar div#sidebar_linklist {float: right; width: 130px; padding: 10px 0 0 0; height: 110px; overflow: hidden; } #sidebar div.sbarbody2 {width: 650px; float: left; padding: 10px; height: 120px; overflow: auto;} .sbaritem {text-align: center; margin: 0 0 5px 0; background: #ededed; } .sbaritem a {display: block; padding: 2px 0 2px 0; font-size: 10px; } .sbarlist li + li + li + li + li + li {display: none;} /* ---------- ENTRY ---------- */ .subcontent {clear: both; width: 920px; margin: 0 auto;} .userpic, .userpicfriends {float: left; border: 10px solid #ededed; margin: 0 10px 10px 0;} .userpicfriends {background: #ededed !important; font-size: 10px; text-align: center; color: #ededed; } .userpicfriends img {padding: 0 0 10px 0;} .datesubject {background: #ededed; padding-right: 100px; } .date {display: none; } .subject, .subject a {font: 22px georgia; color: #333333; padding: 5px 0 5px 0; text-align: center; margin: 0 0 10px 0;} .entry_text { } .currents div { font-size: 10px; float: left; margin: 10px 0 10px 0; border-left: 5px solid #ededed; padding: 0 10px 0 5px; } .ljtags { font-weight: bold; border-left: 5px solid #ededed; padding: 2px 10px 2px 5px; font-size: 10px; margin: 10px 0 0 0; } .ljtags a {font-weight: lighter; } .comments {margin: 10px 0 20px 0; clear: both; border-top: 1px solid #ededed; text-align: center; font-size: 10px; padding: 5px 0 5px 0} /* ---------- ARCHIVE YEAR ---------- */ .year {clear: both; margin: 0 auto; text-align: center; width: 900px; padding: 10px; font-size: 0; } .year li {display: inline; } .year a { margin: 0 5px 0 5px; font-size: 10px; background: #ededed; padding: 1px 20px 1px 20px; } .yeartable {width: 920px; marign: 0 auto; } .yearmonth {font: 28px georgia; } .yearmonth a {font-size: 12px; } .yearday {text-align: center; font-weight: bold; border-bottom: 1px solid #ededed; } .yeardate {border-bottom: 1px solid #ededed; border-left: 1px solid #ededed; } .yeardate a {display: block; color: #333333; font: 28px georgia;} .yeardate div:first-child {background: #ededed; float: right; padding: 10px;} /* ---------- ARCHIVE MONTH ---------- */ .lj-view-month #maincontent center {clear: both; } .entry dt {font: 28px georgia; font-weight: lighter; border-bottom: 1px solid #ededed; } .entry dd {padding: 0 0 0 80px; } .lj-view-month {padding-bottom: 30px;} /* ---------- TAGS ---------- */ .ljtaglist {width: 900px; margin: 0 auto; padding: 10px;} /* ---------- COMMENTS ---------- */ .skiplinks {clear: both; margin: 0 auto; text-align: center; width: 900px; padding: 10px; font-size: 0; } .skiplinks a { margin: 0 5px 0 5px; font-size: 10px; background: #ededed; padding: 1px 20px 1px 20px; } .box {width: 920px; margin: 0 auto; } .box center { font-size: 10px; margin: 20px;} .commentbox { clear: both;} .commentboxpartial {background: #ededed; padding: 5px; margin: 10px ;} .userpiccomment {float: left; border: 10px solid #ededed; margin: 0 10px 10px 0;} .datesubjectcomment {background: #ededed; font-size: 10px; color: #333333; margin: 0 0 10px 0;} .currents div { font-size: 10px; float: left; margin: 10px 0 10px 0; border-left: 5px solid #ededed; padding: 0 10px 0 5px; } /* ---------- REPLY AND DELETE ---------- */ #qrform table {border: 1px solid #ededed !important; margin: 0 auto; margin-bottom: 20px;} #qrform table a img {border: 0;} /* ---------- EXTRA ---------- */ #lj_controlstrip td {background: #000000; border: 0; } div.ContextualPopup div.Inner {border: 0 !important; background: #ededed !important; } div.ContextualPopup div.Inner div.Content a { font-weight: lighter; color: #888888 !important; text-decoration: none !important; } div.ContextualPopup div.Inner div.Content a:hover {color: #333333 !important; border-color: #888888; } .navheader {background: #525252 url(http://i52.tinypic.com/2u59c3a.png) no-repeat center 15px; }

← 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.

Button	Code
View available buttons	`Layout by <lj user="fruitstyle">`

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

( Optional ) Add a Banner
The recommended banner size is 900px wide and 125px high. The header is declared in the last line of the CSS. Swap out the url with your header if you wish.
Add a Banner \| Replace Colours

( Optional ) Replace Colours


#ffffff	#ededed	#e14674	#df885c	#888888	#819898

#525252	#505050	#333333	#000000

Add a Banner | Replace Colours

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Winskin 053 - 059

2010-11-05T23:28:20Z

[1] Fullmetal Alchemist winamp skin
[1] Baccano winamp skin
[4] Katekyo Hitman Reborn winamp skin

DOWNLOAD	DOWNLOAD
DOWNLOAD	DOWNLOAD
DOWNLOAD	DOWNLOAD

See all winamp skins?

Please leave a comment and tell me what you think. =)

Layout 049 : Sin (Demonography Mod)

2010-09-25T01:00:12Z

Finally? Pssh yeah. Anyway, I have finally moved hosts ♥! I'm now hosted by Ame-Electrique and Tetsunosuke! Please give them thanks (:

( Layout ) #049 : Sin (Demonography Mod)

Created for the Remix challenge at stylesheet. This layout is a remix of unoriginal's Demonography. View his layouts at refutare!

( Install ) Step 1 — System

Select any S2 Minimalism - Penguins layout.

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

( Install ) Step 2 — Stylesheet

Use layout's stylesheets: No. IMPORTANT!!
Custom Stylesheet: /* S2 MINIMALISM --- 049 Sin (Demonography Mod) --- Malionette @ Fruitstyle.livejournal.com Unoriginal @ Refutare.livejournal.com Do not remove this note. */ /* ---------- BODY ---------- */ body{ background: url(http://img268.imageshack.us/img268/315/63030461.gif) fixed repeat-x #000000; font: 8pt lucida sans unicode; color: #808080; margin: 30px; } a, a:link, a:visited, a:active{ color: #606060; text-decoration: none; } a:hover{ color: #a0a0a0; } blockquote {background: #ececec;} input, select, #lj_controlstrip input, #lj_controlstrip select, textarea {font: 8pt arial; background: #000000 !important; border: 0; color: #a0a0a0; padding: 1px; } input:hover , select:hover {color: #ececec !important; cursor: help; } .hr, .ljuser img {display: none;} .ljuser {font-size: 8pt;} /* ---------- HEADER FOOTER SIDEBAR ---------- */ .u-wrap, .header h2, .header h3, .nav-sub, .sidebar, .footer {display: none; } .nav {text-align: center; margin: 0 0 10px 0 ;} .nav ul, .nav li, .page-nav, .page-nav li {margin: 0; padding: 0; text-align: center; list-style: none; display: inline; } .nav a, .page-nav a {padding: 0 5px 0 5px; color: #ececec; } .nav a:hover, .page-nav a:hover {color: #b0b9c8; } .content-inner-in {text-align: center; } .entry-wrap {text-align: left; } .item-selected a, .item-selected a:hover {color: #a0a0a0;} /* ---------- ENTRY ---------- */ .layout {width: 750px; margin: 0 auto;} .entry-title { font-size: 14pt; letter-spacing: -1px; float: left; padding: 12px 10px 10px 10px;} .entry-title a, .vcard a {color: #a0a0a0; font-size: 14pt; } .entry-title a:hover, .vcard a:hover {color: #b0b9c8;} .vcard dt, .vcard dd, .vcard dl {padding: 0; margin: 0 ;} .vcard {text-align: right; font-size: 0;} .vcard dt {float: right; } .vcard dt img {width: 50px; height: 50px; margin: 0 0 0 10px; } .vcard a {font-size: 8pt;} .username {color: #404040; font-size: 0pt; } .username .ljuser {display: block; padding: 1px 0 0 0;} .updated {font-style: italic; font-size: 7.5pt; color: #a0a0a0; border: 0; } .entry {background: #404040; } .entry dd {margin: 0;} .entry-content { padding: 10px; background: #ffffff; clear: both;} /* ---------- META ---------- */ .metadata { margin-bottom: 10px; } .metadata dl { background-color: #f5f5f5; padding: 2px 2px 2px 20px; margin: 0 0 1px 0;} .metadata dd {margin: 0;} .metadata dt {display: none; } .metadata img { vertical-align: middle;} .meta-location{ background:url(http://i33.tinypic.com/6r7a4z.gif) no-repeat 5px center;} .meta-mood{ background:url(http://i35.tinypic.com/3345hqf.gif) no-repeat 5px center; } .meta-music{ background:url(http://i37.tinypic.com/2hf6of4.gif) no-repeat 5px center; } .ljtags {margin: 10px 0 0 0;} /* ---------- ENTRY LINKBARS ---------- */ .entrymenu {background: #ffffff; padding: 10px; text-align: center; border-top: 1px solid #ececec; } .entrymenu ul, .entrymenu li, .entrysubmenu ul, .entrysubmenu li {margin: 0; padding: 0; text-align: center; list-style: none; display: inline; } .entrymenu a, .entrysubmenu a {padding: 0 10px 0 10px; } .entrysubmenu { background: #000000; padding: 10px; text-align: center; } /* ---------- ARCHIVE YEAR ---------- */ .view-archive .entry-text {background: #ffffff; clear: both; text-align: center; } .view-archive .entry-text ul { border-bottom: 1px solid #ececec; padding: 10px; } .view-archive .entry-text li {display: inline; padding: 0 10px 0 10px;} .calendar-wrap table {width: 50%; margin: 0 auto; margin-bottom: 20px; background: #ececec;} .calendar-wrap table caption {padding: 10px; } .calendar-wrap td {padding: 5px; background: #ffffff; } /* ---------- ARCHIVE MONTH ---------- */ .view-month .entry-title {text-align: center; margin: 0 auto; float: none; padding: 3px 0 10px 0;} .view-month .entry-text {background: #ffffff; clear: both; padding: 10px; text-align: left; } .view-month .entry-text dt {padding: 5px; border-bottom: 1px solid #ececec; font-size: 14pt; letter-spacing: -1px; } .view-month .entry-text dd {padding: 0 0 0 50px; } /* ---------- TAGS ---------- */ .content-tags {background: #ffffff; padding: 10px; } /* ---------- COMMENTS TOP HALF ---------- */ .view-entry .entry-content, .view-reply .entry-content {padding-top: 50px; } .entry-linkbar {clear: both; display: block; opacity: .7; position: absolute; margin: 50px 0 0 0; } .entry-linkbar img:hover {opacity: .6; } .view-entry .entry, .view-reply .entry {margin-bottom: 0; } .view-entry .entry-wrap + .hr + .entry-wrap .entry, .view-reply .entry-wrap + .hr + .entry-wrap .entry {background-color: transparent; } .comments-links {padding: 10px; text-align: center; background: #ffffff; border-top: 1px solid #ececec; margin-bottom: 10px; } /* ---------- COMMENTS BOTTOM HALF ---------- */ .entry-comments-text > table {margin: auto; margin-top: 10px; margin-bottom: 10px; } .comment-wrap {margin: 0 0 10px 0; background: #404040;} .comment-upic img {width: 50px; height: 50px; } .comment-head-in, .comment-upic {float: left;} .comment-head-in p {margin: 0 0 0 10px; font-size: 7pt; } .comment-head-in p img {height: 16px; width: 16px; } .comment-head-in h3 {font-size: 14pt; letter-spacing: -1px; padding: 0 0 0 10px; margin: 0; } .comment-head a {color: #a0a0a0; } .comment-head a:hover {color: #b0b9c8;} .comment-head p img {vertical-align: top;} .screened {background: #000000; } .partial {padding: 10px; } .comment-text {clear: both; padding: 10px; background: #ffffff; } .comment-menu {padding: 10px; text-align: center; background: #ffffff; border-top: 1px solid #ececec; } /* ---------- REPLY AND DELETE ---------- */ div.ljcmtmanage {border: 0; background: #000000; font: 8pt lucida sans unicode; color: #808080; } #qrform table, #postform table {width: 100%; margin: 0 0 10px 0; border: 1px solid #404040 !important; padding: 10px; } #postform textarea {width: 100%; } #postform table {margin: 10px 0 0 0 ;} #postform table table {border: 0 !important;} /* ---------- EXTRA ---------- */ #lj_controlstrip td {background: #404040; border: 0; color: #808080; } #lj_controlstrip td a {color: #a0a0a0; } #lj_controlstrip td a:hover {color: #b0b9c8; text-decoration: none; } #lj_controlstrip span {color: #808080; } img[src*="img/icon_protected.gif"], img[src*="img/icon_private.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i36.tinypic.com/25iabzl.png) no-repeat; padding: 10px 0 0 18px !important; } div.ContextualPopup div.Inner {border: 0; background: transparent !important; font: 8pt lucida sans unicode !important; } div.ContextualPopup div.Userpic {margin-right: -20px; padding: 5px; background: #404040; } div.ContextualPopup div.Content { background: #ffffff; padding: 5px; } div.ContextualPopup div.Relation {color: #888888; } div.ContextualPopup div.Inner div.Content a {color: #606060 !important; text-decoration: none !important; font-weight: lighter !important; } div.ContextualPopup div.Inner div.Content span.alias-unavailable a {color: #606060 !important} div.ContextualPopup div.Inner div.Content a:hover, div.ContextualPopup div.Inner div.Content .alias-unavailable a:hover {color: #a0a0a0 !important;}

( Install ) Step 3 — Link Back

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

Button	Code
View available buttons	`Layout by <lj user="fruitstyle">`

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

( Optional ) Add a Banner

The recommended banner size is 750px wide.

Replace HTTP://URLHERE.PNG with your banner url
Replace ### with your banner height (pixels)
Add the code to the bottom of the Custom Stylesheet box

Add a Banner | Replace Colours | Replace Images

( Optional ) Replace Colours


#ffffff	#f5f5f5	#ececec	#b0b9c8	#a0a0a0	#808080

#606060	#404040	#000000

Add a Banner | Replace Colours | Replace Images

( Optional ) Replace Images

Get all the images at Box.net

Original layout by Unoriginal

Add a Banner | Replace Colours | Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Layout 048 : Hunny Bunny

2010-06-19T19:50:14Z

( Layout ) #048 : Hunny Bunny

For Tawny's three legged bunny, Hunny!♥ ♥ It was born without a leg ):

( Install ) Step 1 — System

Select any S2 Smooth Sailing layout.

Ad Placement: Vertical
(Ignore if you have a paid account.)
Sidebar: 2 Column (sidebar on left)

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

( Install ) Step 2 — Display

Userinfo Position in Entries: Left

Wrap Entry text under userinfo: No

Userinfo Position in Comments: Left

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

( Install ) Step 3 — Stylesheet

Use layout's stylesheets: No. IMPORTANT!!
Custom Stylesheet: /* S2 SMOOTH SAILING --- 048 Hunny Bunny --- Malionette @ Fruitstyle.livejournal.com Do not remove this note. */ /* ------------ PAGE ------------ */ body {font: 12px century gothic; background: #effcff; margin: 0; color: #888888; padding: 0 0 10px 0; } a {text-decoration: none; color: #df6093; } a:hover {color: #e580a9; } b, strong {font-family: trebuchet ms; } .pageblock { width: 750px; margin: 0 auto; overflow: hidden; margin-top: 60px; } .repost, blockquote { margin: 5px 0 5px 0; padding: 5px; border-top: 1px solid #effcff; border-bottom: 1px solid #effcff; } input, select, textarea { border: 1px solid #effcff; font: 12px arial; color: #888888; margin: 0 2px 0 2px; } input[type=submit], input[type=button] {background: #fff0f1; } input[type=submit]:hover, input[type=button]:hover {background: #effcff} /* ------------ HEADER ------------ */ .header-title {font-size: 30px; text-align: center; margin: 0; padding: 5px; color: #e580a9; } .header-subtitle, .body-title, .body-midtitle, .pagefooterblock { display: none; } .header-menu { margin: 0; padding: 1px; } .header-menu ul { text-align: center; } .header-menu li {display: inline; } .header-menu li:first-child a {border-left: 0;} .header-menu a {color: #ffffff; text-transform: uppercase; font-size: 9px; background: #e580a9; padding: 5px; border-left: 1px solid #df6093; } .header-menu a:hover {background: #df6093; } /* ------------ SIDEBAR ------------ */ .sidebox {background: #ffffff; width: 170px; margin: 0 10px 10px 0; } .sideboxTitle {background: #fff0f1; font-size: 16px; padding: 5px; } .sideboxContent { padding: 10px;} #profile div:first-child {text-align: center; padding: 10px; } .profile-label {font-size: 9px; text-transform: uppercase; background: #fff0f1; padding: 2px; margin: 0 10px 0 0; } .profile-userpic {border: 1px solid #effcff; padding: 3px; width: 75px; height: 75px;} #latestmonth table {width: 100%; } #latestmonth td { background: #effcff; border: 1px solid #ffffff; padding: 2px; text-align: center; font-size: 9px; } .summaryList, .listitem { padding: 0 5px 0 0;} .summaryList:hover, .listitem:hover { background: #effcff; padding: 0 5px 0 5px; } /* ------------ ENTRY / COMMENT ------------ */ .entryHeader, .commentHeader, .commentHeaderScreened { margin: 0 0 10px 0; color: transparent; background: #fff0f1; padding: 5px; letter-spacing: -1px; min-height: 13px; } .entryHeaderDate, .commentHeader span, .commentHeaderScreened span {font-size: 9px; color: #888888; float: right; letter-spacing: 0; padding: 0 0 0 10px; } .entryHeader a {font-size: 24px; } .commentHeaderScreened {background: #e580a9; } .entryHolder, .commentHolder {background: #ffffff; width: 550px; margin: 0 0 10px 0; } .entryUserinfo-usericon img, .commentUserinfo-usericon img {border: 1px solid #effcff; padding: 3px; width: 75px; height: 75px;} .entryUserinfo-usericon img:hover, .commentUserinfo-usericon img:hover {border-color: #fff0f1; } .entryUserinfo, .commentUserinfo {font-weight: lighter; font-size: 9px; margin-left: 10px; } .entryText, .commentText { padding: 10px; } .entryMetadata ul {margin: 0 0 0 10px; list-style: none; border-top: 1px solid #fff0f1; padding: 10px 0 0 0; } .entryMetadata-label {font-size: 9px; text-transform: uppercase; background: #fff0f1; padding: 2px; margin: 0 10px 0 0; } .entryLinkbar, .commentLinkbar {background: #fff0f1; margin: 10px 0 0 0; font-size: 9px; } .entryLinkbar ul, .commentLinkbar ul {padding: 0; list-style: none; margin: 0; } .entryLinkbar li, .commentLinkbar li {display: inline; text-transform: uppercase; } .entryLinkbar li a, .commentLinkbar a {color: #df6093; display: inline-block; padding: 5px; border-right: 1px solid #ffffff; } .entryLinkbar li a:hover, .commentLinkbar a:hover { background: #ffffff; } /* ------------ FOOTER ------------ */ #footer-menu ul {padding: 0; margin: 0; list-style: none; } #footer-menu li {display: inline; } #footer-menu li:first-child a {border-left: 0;} #footer-menu li { background: #e580a9; float: left; } #footer-menu a { display: block; color: #ffffff; padding: 5px; font-size: 9px; text-transform: uppercase; border-left: 1px solid #df6093; } #footer-menu a:hover {background: #df6093; } /* ------------ ARCHIVE ------------ */ .month {text-align: center; width: 80%; margin: 10px auto; margin-top: 0; } .month td {background: #effcff; border: 1px solid #ffffff;} /* ------------ REPLY ------------ */ #qrform table, #postform table {width: 100%; border: 1px solid #effcff !important; margin: 10px 0 0 0; } .replyform {background: #ffffff; } #postform table table {border: 0 !important; margin: 0; } /* ------------ EXTRAS ------------ */ ::-moz-selection { background: #df6093; color: #ffffff;} ::selection { background: #df6093; color: #ffffff;} code::-moz-selection { background: #df6093; color: #ffffff;} code::selection { background: #df6093; color: #ffffff;} #lj_controlstrip td {background: #ffffff; border-right: 1px solid #effcff; color: #888888; } #lj_controlstrip_statustext {color: #888888; } #lj_controlstrip td a {text-decoration: none; color: #df6093; } #lj_controlstrip td a:hover {color: #e580a9; } #lj_controlstrip input {color: #888888; } #lj_controlstrip input[type=submit] {background: #fff0f1; } #lj_controlstrip input[type=submit]:hover {background: #effcff; } div.ContextualPopup div.Inner {border: 0; background: transparent !important; font: 12px century gothic !important; } div.ContextualPopup div.Userpic {margin-right: -20px; padding: 5px; background: #fff0f1; } div.ContextualPopup div.Content { background: #ffffff; padding: 5px; } div.ContextualPopup div.Relation {color: #888888; } div.ContextualPopup div.Inner div.Content a {color: #df6093 !important; text-decoration: none !important; font-weight: lighter !important; } div.ContextualPopup div.Inner div.Content span.alias-unavailable a {color: #df6093 !important} div.ContextualPopup div.Inner div.Content a:hover, div.ContextualPopup div.Inner div.Content .alias-unavailable a:hover {color: #e580a9 !important;} .ljuser img{margin: 0; padding: 0; border: 0; background-color: transparent;} img[src*="pencil.gif"], img[src*="anonymous.gif"] , img[src*="openid-profile.gif"], img[src*="none.gif"] , img[src*="help.gif"], img[src*="userinfo.gif"], img[src*="community.gif"], img[src*="newsinfo.gif"], img[src*="partnercomm.gif"], img[src*="sponcomm.gif"] , img[src*="syndicated.gif"] ,img[src*="icon_protected.gif"] , img[src*="icon_private.gif"] , img[src*="icon_groups.gif"], img[src*="userinfo-support.gif"], img[src*="user_ontd.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i47.tinypic.com/qz3tkz.gif) no-repeat; border: 0; } img[src*="pencil.gif"], img[src*="btn_edit.gif"] { padding: 7px 0 0 7px; background-position: -24px -48px;} img[src*="anonymous.gif"] { padding: 8px 0 0 6px; background-position: -24px -72px;} img[src*="openid-profile.gif"] { padding: 6px 0 0 7px; background-position: -24px -96px;} img[src*="none.gif"] { padding: 6px 0 0 7px; background-position: -48px 0px;} img[src*="help.gif"] { padding: 8px 0 0 6px; background-position: -48px -24px;} img[src*="userinfo.gif"], img[src*="userinfo-support.gif"], img[src*="user_ontd.gif"] { padding: 8px 0 0 6px; background-position: -108px 0px;} img[src*="community.gif"], img[src*="newsinfo.gif"], img[src*="partnercomm.gif"], img[src*="sponcomm.gif"] { padding: 8px 0 0 9px; background-position: -108px -24px;} img[src*="syndicated.gif"] { padding: 6px 0 0 6px; background-position: -108px -48px;} img[src*="icon_protected.gif"] { padding: 8px 0 0 6px; background-position: -108px -72px;} img[src*="icon_private.gif"] { padding: 8px 0 0 6px; background-position: -108px -96px;} img[src*="icon_groups.gif"] { padding: 8px 0 0 10px; background-position: -132px 0px;}

← 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.

Button	Code
View available buttons	`Layout by <lj user="fruitstyle">`

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

( Optional ) Add a Banner

The recommended banner size is 750px wide.

Replace HTTP://URLHERE.PNG with your banner url
Replace ### with your banner height (pixels)
Add the code to the bottom of the Custom Stylesheet box

Add a Banner | Replace Colours | Replace Images

( Optional ) Replace Colours


#ffffff	#fff0f1	#effcff	#e580a9	#df6093	#888888

Add a Banner | Replace Colours | Replace Images

( Optional ) Replace Images
Get them at Box.net
Add a Banner \| Replace Colours \| Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Icons #017

2010-05-31T00:21:09Z

Because it's been faaaaar too long since I made an icon post...! :P

Merlin [1 - 27] (Screencaps from .)
Fashion [28 - 36]
Funset Icons [37 - 52]

Merlin
1	2	3	4

5	6	7	8

9	10	11	12

13	14	15	16

17	18	19	20

21	22	23	24

25	26	27

Fashion
28	29	30	31

32	33	34	35

36

Funset Icons
37	38	39	40

41	42	43	44

45	46	47	48

49	50	51	PSD

Generated by Malionette's Icon Table Generator

Winskin 049 - 052

2010-05-21T22:57:54Z

[1] Vocaloid (fanart w/ permission) winamp skin
[1] Vampire Knight winamp skin
[1] Pandora Hearts winamp skin
[1] Fullmetal Alchemist winamp skin

DOWNLOAD

DOWNLOAD

DOWNLOAD

DOWNLOAD

See all winamp skins?

Layout 047 : Mini Hearts

2010-05-14T21:38:38Z

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

( 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 any S2 Flexible Squares layout.

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

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

( Install ) Step 2 — Display

Set the user picture position for each entry: Left

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

( Install ) Step 3 — Stylesheet

Use layout's stylesheets: No. IMPORTANT!!
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.

Button	Code
View available buttons	`Layout by <lj user="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

Layout 046 : Caffe Bernini

2010-04-29T01:39:03Z

( Layout ) #046 : Caffe Bernini

From a picture taken at Caffe Bernini at Piazza Navona in Rome, Italy. (:

( Install ) Step 1 — System

Select any S2 Minimalism - Penguins layout.

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

( Install ) Step 2 — Stylesheet

Use layout's stylesheets: No. IMPORTANT!!
Custom Stylesheet: /* S2 MINIMALISM --- 046 Caffe Bernini --- Wingweaver22 @ Fruitstyle.livejournal.com Do not remove this note. */ /* --------------------------- BODY --------------------------- */ body {font: 11px georgia; color: #888888; background: #eaeae6; margin: 0; } a {text-decoration: none; color: #c43d43; } a:hover {color: #938781; } .entry-text a img {border: 7px solid #c43d43; } .entry-text a:hover img {border-color: #938781; } .hr {display: none; } .ljuser a, .subj-link { margin: 0 0 0 5px; } blockquote {background: #f5f5f5; padding: 10px; margin: 10px; border-bottom: 1px solid #eaeae6; } input, select, #lj_controlstrip input, #lj_controlstrip select {background: #c43d43; border: 0; font: 10px georgia !important; color: #ffffff; padding: 1px; } textarea {border: 1px solid #e2dfde; font: 12px georgia; color: #888888; } /* --------------------------- HEADER --------------------------- */ .header {background: #e2dfde; padding: 80px 0 0 0; } .nav-sub, .u-wrap, .header h2, .header h3 {display: none;} .nav { padding: 20px 10px 20px 10px; background: #f5f5f5; border-top: 30px solid #c43d43; margin: 0 350px 0 100px; } .nav li {display: inline; font: italic 12px georgia; margin: 0 10px 0 0; text-transform: lowercase; letter-spacing: 1px; } .nav a {color: #aaaaaa; } .nav li a:hover {color: #eaeae6; } .nav .item-selected a, .nav .item-selected a:hover { color: #938781; font-size: 16px; letter-spacing: 0; } /* --------------------------- SIDEBAR --------------------------- */ .sidebar { float: right; width: 250px; margin: 0 100px 0 0; overflow: hidden; position: relative; z-index: 20; border-top: 30px solid #c43d43; } .sidebar-inner {border-left: 1px solid #eaeae6; } .sidebar dd, .sidebar dt, .sidebar dl {margin: 0; padding: 0;} .sidebar dt {color: #938781; text-transform: uppercase; font: 12px georgia; letter-spacing: 2px; text-align: center; padding: 10px; } .sidebar dd {background: #ffffff; padding: 10px;} .sidebar-powered {display: none;} .sidebar-cal .calendar-wrap {text-align: center;} .sidebar-cal table {width: 100%; border-top: 1px solid #eaeae6; border-right: 1px solid #eaeae6; } .sidebar-cal caption {letter-spacing: 2px; font-size: 9px; text-transform: uppercase; padding: 0 0 10px 0; } .sidebar-cal td, .sidebar-cal th {border-left: 1px solid #eaeae6; border-bottom: 1px solid #eaeae6; } .sidebar-block ul {padding: 0 0 0 10px; margin: 0; } .sidebar-block li {list-style-type: square; color: #aaaaaa; } .sidebar-custom {border-top: 1px solid #eaeae6; border-bottom: 1px solid #eaeae6; } .sidebar-links dd { border-bottom: 1px solid #eaeae6; padding: 0; } .sidebar-links dd a {display: block; padding: 3px 10px 3px 10px; } /* --------------------------- CONTENT --------------------------- */ .content { float: left; width: 100%; padding: 0; margin: 0 -100% 0 0; } .content-inner { position: relative; margin: 0 100px 0 100px; background: #ffffff; padding: 0; border-right: 250px solid #f5f5f5; z-index: 5; padding-top: 1px;} .content-inner-in { } /* --------------------------- ENTRY HEADER --------------------------- */ #post-sticky {margin: 10px; } #post-sticky .entry-title {background: #eaeae6; } #post-sticky .entry-text {padding: 0; margin: 0; background: #f5f5f5; } #post-sticky .entry-content { padding: 20px; margin: 0; color: #938781;} .entry { padding: 0; border-bottom: 1px solid #eaeae6; margin: 0 0 10px 0; } .entry-title {color: #938781; font: 12px georgia; text-transform: uppercase; letter-spacing: 2px; background: #f5f5f5; border-bottom: 1px solid #eaeae6; padding: 10px;} .entry-title a {color: #c43d43; } .entry-title a:hover {color: #938781; } .entry-content {padding: 10px; } /* --------------------------- ENTRY META --------------------------- */ .metadata { border-bottom: 1px solid #eaeae6; padding: 0 0 10px 0; margin: 0 0 10px 0; } .metadata dt {float: left; padding: 0 5px 0 0; color: #aaaaaa; } .vcard dt, .vcard dl, .vcard dd {padding: 0; margin: 0;} .vcard { float: right; } .username {font-size: 0px; } .username .ljuser {display: block; font-size: 9px; text-transform: uppercase; } .vcard dt img { background: #c43d43; padding: 7px; margin: 10px 10px 0px 10px; } .vcard dd {text-align: center;} .vcard .updated {color: #aaaaaa; font-size: 9px; border-bottom: 0; } /* --------------------------- ENTRY TEXT & FOOTER --------------------------- */ .entry-text { margin: 0; } .entrymenu {margin: 0; padding: 10px 0 0 0; border-top: 1px solid #eaeae6; clear: both; } .entrymenu ul {padding: 0; margin: 0; } .entrymenu li {display: inline; font: italic 9px georgia; margin: 2px 0px 0 10px; float: left; } .entrysubmenu { padding: 0; margin: 0; } .entrysubmenu ul {padding: 0; margin: 0; padding: 0 0 10px 0;} .entrysubmenu li {display: inline; font: italic 9px georgia; padding: 0; margin: 0 0 0 10px;} .entrysubmenu li a {color: #aaaaaa; } .entrysubmenu li a:hover {color: #938781; } /* --------------------------- FOOTER --------------------------- */ .page-nav {padding: 0 0 10px 0; margin: 0; text-align: center; } .page-nav li {display: inline; margin: 0 5px 0 5px; } /* --------------------------- ARCHIVE / TAGS --------------------------- */ .view-archive .entry ul {padding: 0; margin: 0; text-align: center; padding: 10px; } .view-archive .entry li {display: inline; margin: 0 5px 0 5px; } .view-archive .entry table {width: 100%; max-width: 500px; margin: 0 auto; border-top: 1px solid #eaeae6; border-right: 1px solid #eaeae6; margin-top: 10px; } .view-archive .entry table caption {letter-spacing: 2px; font-size: 9px; text-transform: uppercase; padding: 0 0 10px 0; } .view-archive .entry td, .view-archive .entry th {border-left: 1px solid #eaeae6; border-bottom: 1px solid #eaeae6; text-align: center; } .view-archive .entry {padding-bottom: 10px;} .view-tags .entry {padding: 10px;} /* --------------------------- COMMENTS PAGE --------------------------- */ .entry-linkbar a img, .comment-head-in a img { opacity: .5; } .entry-linkbar a img:hover, .comment-head-in a img:hover { opacity: .8; } .entry-comments-text { padding: 10px; } .comments-links {clear: both; text-align: center;} .comment-wrap {clear: both; padding: 10px; margin: 5px 0px 5px 0px;} .comment-upic {float: left; border: 7px solid #c43d43; margin: 10px; } .comment-text {border-top: 1px solid #eaeae6; border-bottom: 1px solid #eaeae6; padding: 10px; margin: 0 0 10px 0; } .screened {background: #f5f5f5; } .comment-head-in a img {border: 0;} /* --------------------------- REPLY FORMS --------------------------- */ #postform a img, #qrform table a img {border: 0;} #postform table, #postform table textarea {width: 100%; } #qrform table {border: 1px solid #eaeae6 !important; } /* --------------------------- LJ CUSTOMS --------------------------- */ ::-moz-selection { background: #888888; color: #ffffff; } ::selection { background: #888888; color: #ffffff; } code::-moz-selection { background: #888888; color: #ffffff; } code::selection { background: #888888; color: #ffffff; } div.Inner { border: 1px solid #eaeae6 !important; } div.Content { font: 11px georgia; color: #888888; } div.Userpic img { border: 5px solid #c43d43; } div.ContextualPopup div.Inner div.Content span a, div.ContextualPopup div.Inner div.Content a { color: #c43d43 !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: #938781 !important; } #lj_controlstrip td {background: #eaeae6; font: 12px georgia; border: 0; } #lj_controlstrip_statustext { color: #888888; } #lj_controlstrip td a {color: #c43d43; border-bottom: 1px dotted #ffffff; font: 10px georgia; } #lj_controlstrip td #link_0 { border: 0; } #lj_controlstrip .ljuser img {display: none; } #lj_controlstrip input, #lj_controlstrip select { color: #888888;} #Logout, #lj_controlstrip_search_submit {color: #ffffff !important;} div.ljcmtmanage {background: #ffffff; color: #888888; border: 1px solid #eaeae6; padding: 10px; } /* Generated by Malionette's Tiny Icon Generator */ /* Icons by FAMFAMFAM */ img[src*="img/userinfo.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i39.tinypic.com/jsotxz.jpg) no-repeat; padding: 16px 0 0 16px !important; } img[src*="img/community.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i39.tinypic.com/21alu14.jpg) no-repeat; padding: 16px 0 0 16px !important; } img[src*="img/syndicated.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i40.tinypic.com/1zo7spf.jpg) no-repeat; padding: 16px 0 0 16px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i44.tinypic.com/2jflx0g.jpg) no-repeat; padding: 16px 0 0 16px !important; } img[src*="img/icon_private.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i39.tinypic.com/s4q5u0.jpg) no-repeat; padding: 16px 0 0 16px !important; } img[src*="img/icon_groups.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i43.tinypic.com/23u5quv.jpg) no-repeat; padding: 16px 0 0 16px !important; } img[src*="img/newyearpic_1.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i39.tinypic.com/jsotxz.jpg) no-repeat; padding: 16px 0 0 16px !important; } /* --------------------------- INSERT ANY NEW CODE BELOW --------------------------- */

( Install ) Step 3 — Link Back

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

Button	Code
View available buttons	`Layout by <lj user="fruitstyle">`

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

( Optional ) Replace Colours


#ffffff	#f5f5f5	#eaeae6	#e2dfde	#c43d43	#aaaaaa

#938781	#888888

Replace Colours | Replace Images

( Optional ) Replace Images

Get all the images at Box.net

Replace Colours | Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Winskin 045 - 048

2010-04-25T00:34:06Z

Omnomnomnom

[1] Durarara!! winamp skin
[1] One Piece winamp skin
[1] Bokura ga Ita winamp skin
[1] ARIA winamp skin

DOWNLOAD

DOWNLOAD

DOWNLOAD

DOWNLOAD

See all winamp skins?

Profile 017 : Alyssa | 018 : Alex | 019 : Navy

2010-04-18T19:20:34Z

Click for a Live Preview

( Profile ) #017 : Alyssa

( Install ) Profile Code

Alyssa : Livejournal profile layout code created by Malionette.

Find more Livejournal skins, themes, and layout designs at Malionette.org.

<div align="center"><table cellpadding="10px" cellspacing="10px" border="0" width="500px"><tr><td align="center"><font face="lucida grande" size="3" color="#666666">Alyssa.</font></td></tr><tr><td bgcolor="#ff77a9"><font face="lucida grande" size="1" color="#ffffff">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a massa sed dolor elementum vulputate. Nunc vitae augue purus. Pellentesque erat sapien, ultricies sit amet egestas quis, consectetur ac libero.Pellentesque elit nibh, lobortis a bibendum ac, laoreet et dolor. Sapien vitae ligula. Integer hendrerit ullamcorper odio sit amet tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam egestas lectus eget lorem suscipit et malesuada elit scelerisque.</font></td></tr><tr><td bgcolor="#baf781"><font face="lucida grande" size="1" color="#666666">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a massa sed dolor elementum vulputate. Nunc vitae augue purus. Pellentesque erat sapien, ultricies sit amet egestas quis, consectetur ac libero.Pellentesque elit nibh, lobortis a bibendum ac, laoreet et dolor. Sapien vitae ligula. Integer hendrerit ullamcorper odio sit amet tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam egestas lectus eget lorem suscipit et malesuada elit scelerisque.</font></td></tr><tr><td bgcolor="#6acdd7"><font face="lucida grande" size="1" color="#ffffff">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a massa sed dolor elementum vulputate. Nunc vitae augue purus. Pellentesque erat sapien, ultricies sit amet egestas quis, consectetur ac libero.Pellentesque elit nibh, lobortis a bibendum ac, laoreet et dolor. Sapien vitae ligula. Integer hendrerit ullamcorper odio sit amet tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam egestas lectus eget lorem suscipit et malesuada elit scelerisque.</font></td></tr><tr><td align="center"><font face="lucida grande" size="1" color="#666666">Profile by <a href="http://fruitstyle.livejournal.com"><font color="#888888"><u>Fruitstyle</u></font></a> | <a href="http://"><font color="#888888"><u>Link</u></font></a> | <a href="http://"><font color="#888888"><u>Link</u></font></a></font></td></tr></table></div>

Put code in Bio

Change links, text, and styling to your preferences

Do not remove the credit link to Fruitstyle

Click for a Live Preview

( Profile ) #018 : Alex

( Install ) Profile Code

Alex : Livejournal profile layout code created by Malionette.

Find more Livejournal skins, themes, and layout designs at Malionette.org.

<table width="100%" cellpadding="50px"><tr><td bgcolor="#222222"><br /><br /><br /> <div align="center"><table bgcolor="#909090" width="700px" cellpadding="10px" cellspacing="0"> <tr><td bgcolor="#ec086b" align="center" ><font face="arial" color="#ffffff">Some crazy title here.</font></td><td bgcolor="#abff30" align="center" ><font face="arial" color="#333333">This is my favourite box.</font></td><td bgcolor="#16afc5" align="center" ><font face="arial" color="#ffffff">Inspired by the JESS layouts.</font></td></tr> <tr><td bgcolor="#3b3b3b"><font face="arial" size="1" color="#aaaaaa">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a massa sed dolor elementum vulputate. Nunc vitae augue purus. Pellentesque erat sapien, ultricies sit amet egestas quis, consectetur ac libero.Pellentesque elit nibh, lobortis a bibendum ac, laoreet et dolor. Sapien vitae ligula. Integer hendrerit ullamcorper odio sit amet tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam egestas lectus eget lorem suscipit et malesuada elit scelerisque.</font></td><td bgcolor="#333333"><font face="arial" size="1" color="#aaaaaa">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a massa sed dolor elementum vulputate. Nunc vitae augue purus. Pellentesque erat sapien, ultricies sit amet egestas quis, consectetur ac libero.Pellentesque elit nibh, lobortis a bibendum ac, laoreet et dolor. Sapien vitae ligula. Integer hendrerit ullamcorper odio sit amet tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam egestas lectus eget lorem suscipit et malesuada elit scelerisque.</font></td><td bgcolor="#3b3b3b"><font face="arial" size="1" color="#aaaaaa">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a massa sed dolor elementum vulputate. Nunc vitae augue purus. Pellentesque erat sapien, ultricies sit amet egestas quis, consectetur ac libero.Pellentesque elit nibh, lobortis a bibendum ac, laoreet et dolor. Sapien vitae ligula. Integer hendrerit ullamcorper odio sit amet tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam egestas lectus eget lorem suscipit et malesuada elit scelerisque.</font></td></tr><tr><td colspan="3" bgcolor="#2a2a2a" align="center"><font face="arial" size="1" color="#666666">Profile by <a href="http://fruitstyle.livejournal.com/"><font color="#777777"><u>Fruitstyle</u></font></a> + <a href="http://"><font color="#777777"><u>Link</u></font></a> + <a href="http://"><font color="#777777"><u>Link</u></font></a></font></td></tr> </table></div><br /><br /><br /></td></tr></table>

Put code in Bio

Change links, text, and styling to your preferences

Do not remove the credit link to Fruitstyle

Click for a Live Preview

( Profile ) #019 : Navy

( Install ) Profile Code

Navy : Livejournal profile layout code created by Malionette.

Find more Livejournal skins, themes, and layout designs at Malionette.org.

<div align="center"> <table width="700px" cellpadding="0" cellspacing="1" bgcolor="#eeeeee"> <tr> <td bgcolor="#fafafa" width="200px"><br /><br /><table align="center" class="userslist-table" width="150px" cellpadding="0px" cellspacing="0" valign="middle"> <tr><td bgcolor="#3f5a83" class="i-vgift-details"><a href="http://"><font size="1" color="#3f5a83"><u><font face="lucida grande" color="#ffffff">link</font></u></font></a></td></tr> <tr><td bgcolor="#ec167b" class="i-vgift-details"><a href="http://"><font size="1" color="#ec167b"><u><font face="lucida grande" color="#ffffff">link</font></u></font></a></td></tr> <tr><td bgcolor="#c9e1e0" class="i-vgift-details"><a href="http://fruitstyle.livejournal.com"><font size="1" color="#c9e1e0"><u><font face="lucida grande" color="#888888">profile credit</font></u></font></a></td></tr></table><br /><br /></td> <td bgcolor="#ffffff"><div class="settingprod"><font size="1" face="lucida grande" color="#777777" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a massa sed dolor elementum vulputate. Nunc vitae augue purus. Pellentesque erat sapien, ultricies sit amet egestas quis, consectetur ac libero.Pellentesque elit nibh, lobortis a bibendum ac, laoreet et dolor. Sapien vitae ligula. Integer hendrerit ullamcorper odio sit amet tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam egestas lectus eget lorem suscipit et malesuada elit scelerisque.</font></div></td> </tr></table></div>

Put code in Bio

Change links, text, and styling to your preferences

Do not remove the credit link to Fruitstyle

Layout 045 : Frankfurt Air

2010-04-17T16:13:51Z

( Layout ) #045 : Frankfurt Air

I don't remember much about Frankfurt since I only there for a transfer. They do have really cool hand sinks and handles though!

( Install ) Step 1 — System

Select any S2 Flexible Squares layout.

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

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

( Install ) Step 2 — Display

Set the user picture position for each entry: Left

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

( Install ) Step 3 — Stylesheet

Use layout's stylesheets: No. IMPORTANT!!
Custom Stylesheet: /* S2 FLEXIBLE SQUARES --- 045 Frankfurt Air --- Wingweaver22 @ Fruitstyle.livejournal.com Do not remove this note. */ /* --------------------------- BODY --------------------------- */ body {font: 12px arial; color: #888888; margin: 0; padding: 0; } a {color: #000000; text-decoration: none; border-bottom: 1px dotted #cccccc; } a:hover {color: #888888; } input, select, textarea {border: 1px solid #eeeeee; font: 12px arial !important; color: #888888; } .ljuser b {padding: 0 0 0 2px; } .subj-link {margin: 0 0 0 5px; } blockquote {border: 1px dotted #cccccc; padding: 10px; } /* --------------------------- HEADER & SIDEBAR --------------------------- */ #header { position: absolute; background: #eeeeee url(http://i43.tinypic.com/1zdubs2.png) no-repeat 5px 5px; padding: 300px 0 0 0 ; width: 170px; margin: 0 10px 0 10px; z-index: 200;} .title, .subtitle {display: none; } .navheader { padding: 14px 0 0 0; margin: 10px 0 0 0; background: #ffffff;} .navheader li, .sbaritem {background: #eeeeee; list-style: none; font: 11px arial; border-bottom: 2px solid #ffffff;} .navheader li a, .sbaritem a {border: 0; padding: 0 5px 0 5px; background: #ffffff; color: #888888; } li.view {background: #ffffff; padding: 0 5px 0 5px; color: #cccccc; } .navheader li:hover, .sbaritem:hover {background: #ffffff; } .navheader li:hover a, .sbaritem:hover a {color: #cccccc; } #sidebar {position: absolute; padding: 406px 10px 0 10px; width: 170px; border-right: 1px solid #cccccc; z-index: 10; } .defaultuserpic {background: #eeeeee; padding: 5px; text-align: center;} .defaultuserpic a {display: block; border: 0; } .defaultuserpic img {opacity: .7; } .defaultuserpic a:hover img {opacity: 1; } .sbarlist {list-style: none; padding: 0; margin: 0;} .sbartitle { font: 16px arial; color: #000000; padding: 15px 5px 15px 5px; } .calendar {text-align: center; width: 100%; } .calendar td { border: 1px solid #eeeeee; font-size: 11px; } .calendar td a {display: block; border: 0; background: #eeeeee; } .sbarbody2 {padding: 0 5px 0 5px;} /* --------------------------- ENTRY --------------------------- */ #maincontent { padding: 0 10px 0 200px;} .entry_text, .entry {margin: 0 0 15px 0; } .userpic, .userpicfriends {position: relative; float: right; margin: 0 0 10px 10px; background: #ffffff !important;} .userpic img, .userpicfriends img { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #eeeeee; border: 5px solid #eeeeee;} .userpicfriends {color: #eeeeee; font-size: 0; text-align: left; } .userpicfriends a {border: 0; font-size: 11px !important; display: block; background: #eeeeee; margin: 2px 0 0 0; } .userpicfriends font {color: #000000; background: #ffffff; padding: 0 5px 0 5px; } .userpicfriends a:hover font {color: #888888; } .userpicfriends a:hover {background: #ffffff; } .datesubject {margin: 10px 0 0 0;} .date { font-size: 9px; color: #cccccc; } .subject {font: 16px arial; padding: 0px 0 15px 0; color: #000000; } a img {border: 1px solid #cccccc; opacity: .7;} a:hover img {opacity: 1; } .currents, .ljtags { font: 9px arial; margin: 0px 0 15px 0;} .currents img {float: right; } .currents strong, .ljtags {text-transform: uppercase; color: #cccccc; } .ljtags {margin: 15px 0 0 0; } .clear, .clearfoot {display: none; } .comments {background: #eeeeee; font-size: 11px; color: #eeeeee; clear: both;} .comments a {background: #ffffff; border: 0; padding: 0 5px 0 5px; color: #888888;} .comments a:hover {color: #cccccc; } /* --------------------------- FOOTER --------------------------- */ #footer { clear: both; padding: 0 0 15px 0; } .navfooter {padding: 0; margin: 0; text-align: center; } .navfooter li {display: inline; font: 16px arial; letter-spacing: -1px; margin: 0 10px 0 10px;} /* --------------------------- ARCHIVE / TAGS --------------------------- */ .year {padding: 15px 0 15px 0; margin: 10px 0 0 0; text-align: center; } .year li {display: inline; font: 16px arial; letter-spacing: -1px; margin: 0 10px 0 10px;} .yeartable {text-align: center; } .yeartable td {border: 1px solid #eeeeee;} .yeartable td a {display: block; border: 0; background: #eeeeee; text-transform: uppercase; font-size: 9px; } .lj-view-tags h2 {font: 16px arial; color: #000000; } .ljtaglist {width: 30%; margin: 0; padding: 0;} .ljtaglist li {background: #eeeeee; list-style: none; font: 11px arial; border-bottom: 2px solid #ffffff;} .ljtaglist li a {border: 0; padding: 0 5px 0 5px; background: #ffffff; color: #888888; } .ljtaglist li:hover {background: #ffffff; } .ljtaglist li:hover a {color: #cccccc; } /* --------------------------- COMMENTS PAGE --------------------------- */ .skiplinks {margin: 10px 0 0 0; } .datesubjectcomment > strong {font: 16px arial; color: #000000; } .userpiccomment {float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #eeeeee; border: 5px solid #eeeeee; margin: 0 10px 10px 0;} .box center {margin: 15px 0 15px 0;} .commentbox, .commentboxpartial {clear: both; border-bottom: 2px solid #eeeeee; margin: 10px 0 0 0;} .commentreply {padding: 10px; } .commentboxpartial {padding-bottom: 10px;} .commentbox div {text-align: left !important;} .commentbox div div img {width: 16px; height: 16px; border: 0; padding: 0; margin: 0; } .commentbox div div a {border: 0; padding: 0;} .box {margin: 15px 0 0 0; } .ljcmtmanage {border: 1px solid #cccccc; background: #ffffff; padding: 5px; } /* --------------------------- REPLY FORMS --------------------------- */ #qrform table {border: 1px solid #eeeeee !important; padding: 5px; } #postform table {border: 1px solid #eeeeee; margin: 10px 0 0 0;} /* --------------------------- LJ CUSTOMS --------------------------- */ ::-moz-selection { background: #888888; color: #ffffff; } ::selection { background: #888888; color: #ffffff; } code::-moz-selection { background: #888888; color: #ffffff; } code::selection { background: #888888; color: #ffffff; } div.Inner { border: 1px solid #cccccc !important; } div.Content { font: 11px arial; color: #888888; } div.Userpic img { border: 5px solid #eeeeee; } div.ContextualPopup div.Inner div.Content span a, div.ContextualPopup div.Inner div.Content a { color: #000000 !important; text-decoration: none !important; font-weight: lighter; border-bottom: 1px dotted #cccccc;} div.ContextualPopup div.Inner div.Content span a:hover, div.ContextualPopup div.Inner div.Content a:hover {color: #888888 !important; } #lj_controlstrip td {background: #ffffff; font: 12px arial; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } #lj_controlstrip_statustext { color: #888888; } #lj_controlstrip td a {color: #000000; border-bottom: 1px dotted #cccccc; } #lj_controlstrip td #link_0 { border: 0; } #lj_controlstrip .ljuser img {display: none; } /* --------------------------- IMAGES --------------------------- */ .ljtags { padding-left: 12px; background: url(http://i41.tinypic.com/5estb7.jpg) no-repeat center left;} .currentlocation { padding-left: 12px; background: url(http://i43.tinypic.com/15gb8rk.jpg) no-repeat center left;} .currentmood { padding-left: 12px; background: url(http://i43.tinypic.com/33l2gd3.jpg) no-repeat center left;} .currentmusic { padding-left: 12px; background: url(http://i39.tinypic.com/2uogpy8.jpg) no-repeat center left;} /* Generated by Malionette's Tiny Icon Generator */ img[src*="img/userinfo.gif"],img[src*="img/newyearpic_1.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i43.tinypic.com/140y9g7.jpg) no-repeat; padding: 8px 0 0 6px !important; } img[src*="img/community.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i39.tinypic.com/243izco.jpg) no-repeat; padding: 8px 0 0 9px !important; } img[src*="img/syndicated.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i41.tinypic.com/11kl5zc.jpg) no-repeat; padding: 5px 0 0 5px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i39.tinypic.com/23s8ck7.jpg) no-repeat; padding: 8px 0 0 6px !important; } img[src*="img/icon_private.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i42.tinypic.com/29nut0w.jpg) no-repeat; padding: 6px 0 0 9px !important; } img[src*="img/icon_groups.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i39.tinypic.com/2n20kfq.jpg) no-repeat; padding: 8px 0 0 6px !important; } /* --------------------------- INSTALL HEADER --------------------------- */ /* ######## Insert header url and header height. Don't touch anything else. ######## */ #header { background-image: url(http://i43.tinypic.com/1zdubs2.png); background-repeat: no-repeat; background-position: 5px 5px; padding-top: 300px;} /* ######## Insert header height + 106. Example: 300 + 106 = 406 ######## */ #sidebar { padding-top: 406px; } /* --------------------------- INSERT ANY NEW CODE BELOW --------------------------- */

← 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.

Button	Code
View available buttons	`Layout by <lj user="fruitstyle">`

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

( Optional ) Add a Banner
The recommended banner size is 160px wide and 300px high. Replace the image within the CSS with your custom banner.
Add a Banner \| Replace Colours \| Replace Images

( Optional ) Replace Colours


#ffffff	#eeeeee	#cccccc	#888888	#000000

Add a Banner | Replace Colours | Replace Images

( Optional ) Replace Images

Get all the images at Box.net

Add a Banner | Replace Colours | Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Wallpaper 008

2010-04-10T22:15:35Z

[1] Katekyo Hitman Reborn Wallpaper

Deviant Art | Animepaper

Original Version: 1920x1200 | 1600x1200 | 1440x900 | 1280x1024 | 1280x800 | 1024x768

Please ask if you would like this in different resolutions.

Tutorials

2010-04-10T17:58:55Z

Tutorials for customizing. Want to request a general how-to tutorial? Email me.

How to replace layout colours.

NOTE: This will not work for all layouts. For example, #034: Ice Mini. That layout's colours are (mostly) controlled by images.

#	Step	Example
1.	Open a text editor and paste your CSS code in.
2.	Find the colour you want to replace in the colour table.
3.	Use the replace function. (Usually under Edit > Replace, Shortcut CTRL + H)
4.	UNCHECK Match Case
5.	Input the old colour code and the new colour code and press "Replace All". Include the number signs!
	You're done! Replace as many colours as you want, have fun! (:

How to replace layout images.

#	Step	Example
1.	Open a text editor and paste your CSS code in.
2.	Download the Images Used file from the layout instructions page.
3.	(optional) You may alter the images to your liking.
4.	Reupload your images on another server. Tinypic \| Imageshack
5.	Use the find function. (Usually under Edit > Find, Shortcut CTRL + F)
6.	Find the name of the image you want replaced.
7.	Replace the old url with the url of your image!
	You're done! Replace as many images as you want, have fun! (:

Want to customize further? You can find helpful layout and customizing tutorials at tutorialayouts.

Layout 044: Crystal Glasses

2010-04-05T01:32:54Z

( Layout ) #044 : Crystal Glasses (ver. 2)

Upon request, a remake of Layout 025: The Diamonds in the Glass for Flexible Squares.

( Install ) Step 1 — System

Select any S2 Flexible Squares layout.

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

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

( Install ) Step 2 — Display

Set the user picture position for each entry: Left

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

( Install ) Step 3 — Stylesheet

Use layout's stylesheets: No. IMPORTANT!!
Custom Stylesheet: /* S2 FLEXIBLE SQUARES --- 044 Crystal Glasses --- Wingweaver22 @ Fruitstyle.livejournal.com Do not remove this note. */ /* -------------------------- BODY -------------------------- */ body {background: #e5eeee url(http://img546.imageshack.us/img546/209/f38a3q.png) repeat; border-left: 15px solid #97b8b6; border-right: 15px solid #97b8b6; font: 11px arial; color: #666666; margin: 0;} #content-outer {background: #e5eeee; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; width: 750px; margin: 0 auto; padding: 0 10px 0 10px; } a, a:visited {text-decoration: none; color: #97b8b6;} a:hover { color: #ccdedd; cursor: help;} blockquote, input, select, textarea { border: 1px dotted #dddddd; font: 9px arial; } blockquote { padding: 10px;} /* -------------------------- HEADER -------------------------- */ #header {background: #ffffff; padding-bottom: 10px;} .navheader {padding: 20px; margin: 0; border-top: 10px solid #97b8b6; font-size: 9px; background: #ccdedd; height: 20px; border-bottom: 2px solid #97b8b6; } .navheader li { display: block; border: 1px solid #ffffff; padding: 2px; float: left; margin-right: 10px; text-transform: uppercase; color: #ffffff; } .navheader li a {color: #ffffff; } .navheader li:hover {background: #ffffff; color: #97b8b6; } .navheader li:hover a { color: #97b8b6; } .title { border: 1px solid #dddddd; margin: 20px; padding: 0px 20px 0 20px; color: #e5eeee; font: 55px times new roman; letter-spacing: -5px; text-transform: lowercase; text-align: right; } .subtitle {display: none;} /* -------------------------- SIDEBAR -------------------------- */ #sidebar li, #sidebar ul {margin: 0; padding: 0; list-style: none;} #sidebar {border-top: 2px solid #ccdedd; border-bottom: 10px solid #ccdedd; background: #97b8b6; height: 150px; overflow: hidden; color: #ffffff; } .defaultuserpic, .sbarbody2, .sbarbody {float: left; width: 168px; margin: 10px 10px 10px 0px; } .defaultuserpic {-moz-border-radius: 10px; -webkit-border-radius: 10px; border: 10px solid #ffffff; text-align: center; background: #ffffff; margin: 10px; } .defaultuserpic img {border: 1px solid #dddddd; padding: 3px; opacity: .7; } img:hover {opacity: 1; } .sbarbody, .sbartitle {display: none;} #sidebar_calendar, #sidebar_tags, #sidebar_linklist, #sidebar_summary {display: block; height: 130px; overflow: auto;} #sidebar table.calendar {width: 100%; } #sidebar table.calendar td {border: 1px solid #ccdedd; text-align: center; } #sidebar a {color: #ccdedd; } #sidebar a:hover {color: #ffffff; } #sidebar_linklist li.sbaritem a { border-bottom: 1px dashed #ffffff; padding: 0px 5px 0 5px; display: block; margin: 2px; } /* -------------------------- ENTRY -------------------------- */ #maincontent {background: #ffffff; padding: 1px 0 1px 0; } .subcontent {border: 1px solid #dddddd; padding: 10px; margin: 10px; min-height: 110px; } .userpic img, .userpicfriends img {float: right; border: 1px solid #dddddd; padding: 3px; opacity: .7; margin-left: 10px; } .userpic, .userpicfriends {background: #ffffff !important; color: #dddddd; text-align: right; } .userpicfriends a font {color: #97b8b6; } .datesubject {text-align: right; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; margin: 10px 108px 10px 0; } .date {border-bottom: 1px solid #dddddd; } .subject { font: 24px times new roman; letter-spacing: -2px; } .entry {clear: both;} .entry_text {padding: 10px 0 10px 0; } .currents div, .comments, .ljtags {border-top: 1px solid #dddddd; } .ljtags {font-weight: bold; margin: 10px 0 -10px 0; } .currents img {float: right; padding: 5px; border: 1px solid #dddddd; background: #ffffff; border-top: 0;} .clear {display: none;} /* -------------------------- FOOTER -------------------------- */ #footer li, #footer ul{ margin: 0; padding: 0; list-style: none; text-align: center; } #footer li {display: inline; } /* -------------------------- COMMENTS -------------------------- */ .lj-view-entry .title {font-size: 24px; letter-spacing: -1px; color: #97b8b6;} .skiplinks {text-align: center; padding-top: 10px; color: #dddddd; } .box {border: 1px solid #dddddd; padding: 10px; margin: 10px;} .box center {font-weight: lighter; text-transform: uppercase; font-size: 9px; border-bottom: 1px solid #dddddd; padding: 0 0 10px 0;} .userpiccomment {float: left; border: 1px solid #dddddd; padding: 3px; opacity: .7; margin: 0 10px 0 0;} .commentreply {border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; margin-left: 108px; padding: 10px 0 10px 0;} .commentbox, .commentboxpartial {clear: both; margin: 10px 0 0 0; padding: 10px; border: 1px solid #dddddd;} #qrform table {border: 1px solid #dddddd !important; width: 100%; } /* -------------------------- ARCHIVE -------------------------- */ .year, .year li{ list-style: none; padding: 0; margin: 0;text-align: center;} .year {padding-top: 10px;} .year li {display: inline; } .yeartable { margin: 0 auto; margin-top: 10px;} .yeartable td {background: #ffffff; border: 1px solid #dddddd;} /* -------------------------- TAGS -------------------------- */ /* -------------------------- -------------------------- */ .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; padding: 12px 8px 0 2px !important; background: url(http://img291.imageshack.us/img291/4575/useryb4.png) no-repeat;} .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {width:0; height: 0; padding: 9px 8px 0 2px !important; background: url(http://img176.imageshack.us/img176/6571/userinfopk2.png) no-repeat;} .subject .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { margin-left: 5px; } .subject .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { margin-left: 5px;} img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 0 0 10px 10px !important; background: url(http://img72.imageshack.us/img72/4144/lockedib8.png) no-repeat;} img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 0 0 10px 10px !important; background: url(http://img329.imageshack.us/img329/4985/privatevy7.png) no-repeat;} img[src="http://l-stat.livejournal.com/img/btn_del.gif"]{width: 0; height: 0; padding: 0 0 10px 10px !important; background: url(http://img189.imageshack.us/img189/6336/deleteewh.png) no-repeat; } img[src="http://l-stat.livejournal.com/img/btn_scr.gif"]{width: 0; height: 0; padding: 0 0 10px 10px !important; background: url(http://img207.imageshack.us/img207/2286/unscreenme.png) no-repeat; } img[src="http://l-stat.livejournal.com/img/btn_unscr.gif"]{width: 0; height: 0; padding: 0 0 10px 10px !important; background: url(http://img387.imageshack.us/img387/7264/screenme.png) no-repeat; } img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"]{width: 0; height: 0; padding: 0 0 10px 10px !important; background: url(http://img95.imageshack.us/img95/1418/freeze.png) no-repeat; } img[src="http://l-stat.livejournal.com/img/btn_unfreeze.gif"]{width: 0; height: 0; padding: 0 0 10px 10px !important; background: url(http://img374.imageshack.us/img374/1844/unfreeze.png) no-repeat; } img[src="http://l-stat.livejournal.com/img/btn_track.gif"]{width: 0; height: 0; padding: 0 0 10px 10px !important; background: url(http://img95.imageshack.us/img95/1002/tracku.png) no-repeat; } ::-moz-selection { background: #97b8b6; color: #ffffff; } ::selection { background: #97b8b6; color: #ffffff; } code::-moz-selection { background: #97b8b6; color: #ffffff; } code::selection { background: #97b8b6; color: #ffffff; }

← 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.

Button	Code
View available buttons	`Layout by <lj user="fruitstyle">`

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

( Optional ) Replace Colours


#ffffff	#e5eeee	#dddddd	#ccdedd	#97b8b6	#666666

Replace Colours | Replace Images

( Optional ) Replace Images

Get all the images at Box.net

Background image courtesy of 77words.

Replace Colours | Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Malionette's Icon Table Generator

2010-03-01T00:53:19Z

I wrote this icon table generator in January, but was waiting til we got 4000 watchers to post this! This thing even makes legends for your icons- awesome, right? Try it out, it's pretty dang simple. (:

I'd love your input, everyone! Please spread it around if you find it useful! (:

Edit: If you have any suggestions/problems, comment!

Layout 043 : Rainbow and Ash

2010-02-27T01:42:59Z

Click for a Live Preview. | Generator

( Layout ) #043 : Rainbow and Ash

Got new shoelaces and they are snazzy! The navigation is like the shoelaces... or I could just be crazy. O:

( Install ) Step 1 — System

Select any S2 Minimalism - Penguins layout.

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

( Install ) Step 2 — Stylesheet

Use layout's stylesheets: No. IMPORTANT!!
Custom Stylesheet: /* S2 MINIMALISM --- 043 Rainbow and Ash --- Wingweaver22 @ Fruitstyle.livejournal.com Do not remove this note. */ /* ----------------------------- PAGE ----------------------------- */ body {background: #f5f5f5; font: 10px arial; color: #666666; border-top: 15px solid #ffffff; padding: 0; margin: 0;} #page {width: 650px; margin: 0 auto; margin-top: 50px; } a {color: #000000; text-decoration: none;} a:hover { color: #aaaaaa;} /* ----------------------------- DEFAULTS ----------------------------- */ blockquote {padding: 10px; border: 1px solid #dddddd;} b {font-family: tahoma;} .hr {display: none;} .ljuser b {font-weight: lighter; font-family: arial; } .entry-content a img {border: 1px solid #aaaaaa; padding: 3px; } .entry-content a img:hover {border-color: #dddddd ;} .ljuser a img {border: 0; padding: 0 0 1px 8px; } .imagepreview {text-align: center;} /* ----------------------------- HEADER ----------------------------- */ .header .u-wrap, .header h3, .header .nav-sub, .item-rss {display: none;} .header h2 {font: bold 30px arial; text-transform: uppercase; color: #dddddd; letter-spacing: -1px; margin: 0; padding: 0; } .header .nav {margin: 5px 0 0 0; padding: 0; list-style: none; text-transform: uppercase; font-size: 10px; } .header .nav li a {display: block; color: #666666; padding: 0 0 0 2px; margin-top: 2px; letter-spacing: 2px; } .header .nav li a:hover { color: #000000; } .item-recent {background: #8dd6db; } .item-friends {background: #fb8e8e; } .item-archive {background: #f4e57d; } .item-profile {background: #baff63; } /* ----------------------------- SIDEBAR ----------------------------- */ .sidebar dt, .sidebar dd, .sidebar dl {padding: 0; margin: 0;} .sidebar-cal, .sidebar-summary, .sidebar-tags, .sidebar-powered, .sidebar dt {display: none;} .sidebar {height: 60px; overflow: hidden; padding: 10px; margin: 10px 0 10px 0; background: #ffffff; border-bottom: 10px solid #ffffff; } .sidebar-links { float: left; width: 110px; } .sidebar-links dd a {display: block; border-bottom: 1px solid #dddddd; color: #666666; padding: 0 0 0 2px; } .sidebar-links dd a:hover { color: #aaaaaa;} .sidebar dd > div {display: none;} .sidebar-custom { float: right; width: 510px; } /* ----------------------------- CONTENT ----------------------------- */ .content {position: absolute; margin-top: 100px; } .entry-wrap { border-right: 150px solid #f5f5f5;}.entry {background: #ffffff; margin: 10px 0 0 0; width: 650px; border-bottom: 20px solid #ffffff; } .entry-title {background: #dddddd; padding: 5px 10px 5px 10px; color: #000000; font-size: 16px; } .entry-text {padding: 10px; margin: 0; border-bottom: 1px solid #dddddd; } .entry-content {width: 510px; margin-left: 120px; min-height: 140px; } .entry-content a {border-bottom: 1px solid #dddddd;} /* ----------------------------- META AND USERPIC ----------------------------- */ .vcard {position: relative; float: left;} .vcard dd, .vcard dt, .vcard dl {padding: 0; margin: 0;} .username {font-size: 0px; color: transparent;} .username .ljuser {font-size: 9px; text-transform: uppercase; clear: both; float: left; margin: 0 0 0 5px; } .username .ljuser img { margin-top: 3px; } .vcard img {border: 1px solid #dddddd; padding: 3px; opacity: .7; } .vcard img:hover {opacity: 1;} .entry-date {display: none;} .metadata dt {float: left; color: #aaaaaa; padding: 0 5px 0 0; } .metadata {border-bottom: 1px solid #dddddd; padding: 0 0 5px 0; margin: 0 0 5px 0; } /* ----------------------------- ENTRY MENU AND ENTRY TAGS ----------------------------- */ .entrymenu ul, .entrysubmenu ul {margin: 0; padding: 0; } .entrymenu {margin: 0; padding: 0; clear: both; background: #ffffff; } .entrysubmenu li, .entrymenu li {float: left; list-style: none; margin-top: 3px; } .entrysubmenu li a {color: #666666; padding-right: 10px; } .entrymenu li a {padding-left: 10px;} .entrysubmenu {float: right; margin: 0; padding: 0; } .entrysubmenu li a:hover { color: #aaaaaa;} /* ----------------------------- FOOTER ----------------------------- */ .page-nav {padding: 10px 0 0 0; margin: 0; list-style: none; width: 650px; } .page-nav .prev {float: left; padding-bottom: 10px;} .page-nav .next {float: right; padding-bottom: 10px;} /* ----------------------------- ARCHIVE ----------------------------- */ .view-archive .entry-text ul {padding: 0; margin: 0; list-style: none; text-align: center; } .view-archive .entry-text li {display: inline; } .view-archive .entry-text .active {border-bottom: 1px solid #dddddd; } .calendar-wrap table {width: 50%; margin: 0 auto;} .calendar-wrap caption { text-transform: uppercase; padding: 10px; } .calendar-wrap caption a {color: #aaaaaa; } .calendar-wrap td a {font-size: 14px; font-weight: bold; display: block;} /* ----------------------------- COMMENTS PAGE & REPLY ----------------------------- */ .entry-linkbar a {padding: 10px; } .entry-linkbar a:hover { background: #f5f5f5; } .screened {background: #f5f5f5; } .comment-wrap {margin: 0 0 10px 0; border: 1px solid #dddddd; padding: 10px;} .comment-head-in p + p a + a, .comment-head-in input + a {padding: 0 10px 0 10px; border-bottom: 0; } .comment-head-in p + p {margin: 0 0 2px 0; font-size: 10px;} .comment-upic img {float: right; border: 1px solid #dddddd; padding: 3px; background: #ffffff; } .comment-text { padding: 10px 0 10px 0; border-top: 1px solid #dddddd; margin: 10px 0 0 0;} .comment-menu { border-top: 1px solid #dddddd; padding-top: 5px; color: #aaaaaa; font-size: 10px;} .comments-links {text-align: center; margin-bottom: 20px; font-weight: bold; } #subjectIconList table, #qrform table {border: 0 !important;} .ljcmtmanage { background: #ffffff !important; padding: 10px; border: 1px solid #dddddd !important; } .ljcmtmanage span {font-size: 10px !important;} #postform table, #qrform table { border: 1px solid #dddddd; padding: 10px; margin: 0 auto; } #postform textarea, #postform input, #posform select, #qrform textarea, #qrform input, #qrform select, #lj_controlstrip input, #lj_controlstrip select, select, input {border: 1px solid #dddddd;} #postform textarea {width: 550px;} /* ----------------------------- EXTRA ----------------------------- */ #lj_controlstrip td {background: #ffffff; border-right: 1px solid #dddddd; font: 12px arial; color: #666666; } #lj_controlstrip span {color: #666666; } #lj_controlstrip td a {color: #000000; border-bottom: 1px solid #dddddd; } /* ----------------------------- IMAGES ----------------------------- */ img[src*="btn_del.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"] , img[src*="btn_freeze.gif"] , img[src*="btn_unfreeze.gif"] , img[src*="btn_track.gif"] , img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="pencil.gif"], img[src*="btn_edit.gif"], img[src*="anonymous.gif"] , img[src*="openid-profile.gif"], img[src*="none.gif"] , img[src*="help.gif"] , img[src*="btn_prev.gif"] , img[src*="btn_edittags.gif"] , img[src*="btn_memories.gif"] , img[src*="btn_next.gif"], img[src*="userinfo.gif"] , img[src*="community.gif"], img[src*="newsinfo.gif"], img[src*="partnercomm.gif"], img[src*="sponcomm.gif"] , img[src*="syndicated.gif"] ,img[src*="icon_protected.gif"] , img[src*="icon_private.gif"] , img[src*="icon_groups.gif"] , img[src*="btn_tellfriend.gif"], img[src*="userinfo-support.gif"], img[src*="button-flag.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; background: transparent url(http://i48.tinypic.com/2dmh6ic.gif) no-repeat; } img[src*="btn_del.gif"] { height: 10px; padding-left: 7px; background-position: 0px 0px;} img[src*="btn_scr.gif"] { height: 8px; padding-left: 7px; background-position: 0px -24px;} img[src*="btn_unscr.gif"] { height: 8px; padding-left: 7px; background-position: 0px -48px;} img[src*="btn_freeze.gif"] { height: 8px; padding-left: 9px; background-position: 0px -72px;} img[src*="btn_unfreeze.gif"] { height: 8px; padding-left: 9px; background-position: 0px -96px;} img[src*="btn_track.gif"] { height: 8px; padding-left: 5px; background-position: -24px 0px;} img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] { height: 8px; padding-left: 5px; background-position: -24px -24px;} img[src*="pencil.gif"], img[src*="btn_edit.gif"] { height: 7px; padding-left: 7px; background-position: -24px -48px;} img[src*="anonymous.gif"] { height: 8px; padding-left: 6px; background-position: -24px -72px;} img[src*="openid-profile.gif"] { height: 6px; padding-left: 7px; background-position: -24px -96px;} img[src*="none.gif"] { height: 6px; padding-left: 7px; background-position: -48px 0px;} img[src*="help.gif"] { height: 8px; padding-left: 6px; background-position: -48px -24px;} img[src*="btn_prev.gif"] { height: 5px; padding-left: 9px; background-position: -72px -24px;} img[src*="btn_edittags.gif"] { height: 10px; padding-left: 16px; background-position: -72px -48px;} img[src*="btn_memories.gif"] { height: 6px; padding-left: 12px; background-position: -72px -72px;} img[src*="btn_next.gif"] { height: 5px; padding-left: 9px; background-position: -72px -96px;} img[src*="userinfo.gif"], img[src*="userinfo-support.gif"] { height: 8px; padding-left: 6px; background-position: -108px 0px;} img[src*="community.gif"], img[src*="newsinfo.gif"], img[src*="partnercomm.gif"], img[src*="sponcomm.gif"] { height: 8px; padding-left: 9px; background-position: -108px -24px;} img[src*="syndicated.gif"] { height: 6px; padding-left: 6px; background-position: -108px -48px;} img[src*="icon_protected.gif"] { height: 8px; padding-left: 6px; background-position: -108px -72px;} img[src*="icon_private.gif"] { height: 8px; padding-left: 6px; background-position: -108px -96px;} img[src*="icon_groups.gif"] { height: 8px; padding-left: 10px; background-position: -132px 0px;} img[src*="btn_tellfriend.gif"] { height: 6px; padding-left: 10px; background-position: -132px -24px;} img[src*="button-flag.gif"] { height: 8px; padding-left: 7px; background-position: -132px -48px;} div.ContextualPopup div.Inner {border: 1px solid #dddddd !important;} div.ContextualPopup div.Inner div.Content { color: #666666 !important;} .ContextualPopup .Userpic a img {border: 1px solid #aaaaaa; padding: 3px; } .ContextualPopup .Userpic a img:hover {border-color: #dddddd;} div.ContextualPopup div.Inner div.Content span a, div.ContextualPopup div.Inner div.Content a {color: #000000 !important; font-weight:lighter; text-decoration: none !important; border-bottom: 1px solid #dddddd;} div.ContextualPopup div.Inner div.Content span a:hover, div.ContextualPopup div.Inner div.Content a:hover {color: #aaaaaa !important; }

Feel like customizing? Use the Custom CSS Generator

( Install ) Step 3 — Link Back

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

Button	Code
View available buttons	`Layout by <lj user="fruitstyle">`

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

( Optional ) Add a Banner

The recommended banner size is 650px wide.

Replace HTTP://URLHERE.PNG with your banner url
Replace ### with your banner height (pixels)
Add the code to the bottom of the Custom Stylesheet box

Add a Banner | Replace Colours | Replace Images

( Optional ) Replace Colours


#ffffff	#fb8e8e	#f5f5f5	#f4e57d	#dddddd	#baff63

#aaaaaa	#8dd6db	#666666	#000000

Add a Banner | Replace Colours | Replace Images

( Optional ) Replace Images

Get all the images at Box.net

Add a Banner | Replace Colours | Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Layout 042 : Lovebite

2010-02-14T17:30:17Z

A quick request. Happy v-day and Chinese new year to those who celebrate! *hands out virtual red envelopes* (:

( Layout ) #042 : Lovebite

Upon request for Valentine's day and Chinese New Year!

( Install ) Step 1 — System

Select any S2 Smooth Sailing layout.

Ad Placement: Vertical
(Ignore if you have a paid account.)
Sidebar: 2 Column (sidebar on left)

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

( Install ) Step 2 — Display

Userinfo Position in Entries: Right

Userinfo Position in Comments: Right

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

( Install ) Step 3 — Stylesheet