fruitstyle: Layout 013 : Slight | Profile 004 : Boxer Line

$Malionette \(o_O)/$

Malionette \(o_O)/ (

wingweaver22) wrote in

fruitstyle,
@ 2008-04-04 21:55:00

Current music:	The Quiett - Punchlines
Entry tags:	layouts, profile codes

Layout 013 : Slight | Profile 004 : Boxer Line | 005 : Suspicions

Click for a live preview.

Profile #004 : Boxer Line w/ image
live preview		Installation
Click for a live preview.		Replace the filler text with whatever you want. Please do not remove the profile credit. <table cellpadding="0" cellspacing="5" width="500"> <tbody><tr><td rowspan="3" valign="top"><img src="http://i38.tinypic.com/217pr8.jpg"></td><td rowspan="3"></td><td rowspan="3"></td><td bgcolor="#ed6454" width="5"></td><td width="5"></td><td><font color="#aaaaaa" face="arial" size="1"><font color="#aaaaaa" face="tahoma" size="3">box number one</font><br>Ratione mauris non in, non convallis sed nisl pulvinar, sem adipiscing habitasse, pellentesque maecenas dignissim et in lacus quam. Sed volutpat nullam eros libero risus eu, natoque quis morbi ipsum suspendisse. Ultrices id sed sit felis est, placerat sapien lacus et. </font></td><td></td></tr> <tr><td bgcolor="#6cc8a7" width="5"></td><td width="5"></td><td><font color="#aaaaaa" face="arial" size="1"><font color="#aaaaaa" face="tahoma" size="3">box number two</font><br>Ratione mauris non in, non convallis sed nisl pulvinar, sem adipiscing habitasse, pellentesque maecenas dignissim et in lacus quam. Sed volutpat nullam eros libero risus eu, natoque quis morbi ipsum suspendisse. Ultrices id sed sit felis est, placerat sapien lacus et. </font></td><td></td></tr> <tr><td bgcolor="#e5e5e5" width="5"></td><td width="5"></td><td><font color="#aaaaaa" face="arial" size="1"><font color="#aaaaaa" face="tahoma" size="3">box number three </font><br>Ultrices id sed sit felis est, placerat sapien lacus et. <br><a href="http://" target=""><font color="#ffffff"><u><font color="#6cc8a7">Link</font></u></font></a> \| <a href="http://" target=""><font color="#ffffff"><u><font color="#6cc8a7">Link</font></u></font></a> \| <a href="http://" target=""><font color="#ffffff"><u><font color="#6cc8a7">Link</font></u></font></a> \| <a href="http://" target=""><font color="#ffffff"><u><font color="#6cc8a7">Link</font></u></font></a> \| <a href="http://community.livejournal.com/fruitstyle/" target=""><font color="#ffffff"><u><font color="#ed6454">Profile</font></u></font></a><br></font></td><td></td></tr> </tbody></table> << Add your codes here << Profile code FAQ

Click for a live preview.

Profile #005 : Suspicions
live preview		Installation
Click for a live preview.		Replace the filler text with whatever you want. Please do not remove the profile credit. <table cellspacing="0" cellpadding="0" width="560px"><tr valign="top"><td width="150px"><table cellspacing="5px" cellpadding="1px"><tr><td></td></tr> <tr><td bgcolor="#fbfbfb" width="145px" align="right"><font face="tahoma" size="1"><a href="http://"><font color="#ffffff"><u><font color="#82deca">Link out!</font></u></font></a> </font></td></tr> <tr><td bgcolor="#fbfbfb" width="145px" align="right"><font face="tahoma" size="1"><a href="http://"><font color="#ffffff"><u><font color="#82deca">Link out!</font></u></font></a> </font></td></tr> <tr><td bgcolor="#fbfbfb" width="145px" align="right"><font face="tahoma" size="1"><a href="http://"><font color="#ffffff"><u><font color="#82deca">Link out!</font></u></font></a> </font></td></tr> <tr><td bgcolor="#fbfbfb" width="145px" align="right"><font face="tahoma" size="1"><a href="http://community.livejournal.com/fruitstyle"><font color="#ffffff"><u><font color="#82deca">Profile Codes</font></u></font></a> </font></td></tr> </table></td><td><table cellpadding="10px" cellspacing="0" width="400px"><tr><td><font color="#bbbbbb" face="tahoma" size="1"><font color="#aaaaaa" face="georgia" size="4">I'm not suspicious, really!</font> Ratione mauris non in, non convallis sed nisl pulvinar, sem adipiscing habitasse, pellentesque maecenas dignissim et in lacus quam. Sed volutpat nullam eros libero risus eu, natoque quis morbi ipsum suspendisse. Ultrices id sed sit felis est, placerat sapien lacus et. Mattis ac eros donec nonummy ipsum, justo sit, sed amet quis proin quis vestibulum. Ante in enim nulla non. Arcu mi mi gravida hendrerit est.</font></td></tr></table></td></tr></table> << Add your codes here << Profile code FAQ

Click for a live preview.

#013 : Slight
more previews	IMAGE Preview \| Entries Page
tested browsers	Firefox, Safari, Internet Explorer 7+, Chrome, Opera
minimum screen resolution	at least 800x600+ pixels
features	You can add your own header.
disabled	Journal title and subtitle.
information	Thought of doing something slim and light after flipping through a magazine full of crazy models.

Installation manual Please read all instructions carefully. DO NOT SKIP ANY STEPS or the layout will be messed up!
01. Select your theme	Apply any of these layouts ( Flexible Squares ).
02. Sidebar & ad postition	i. Select 2 Column (sidebar on right) ii. Set the ads to "Vertical" or "Horizontal" or "Between Entires"
03. Add the CSS!	i. Select NO beside "Use layout's stylesheets". IMPORTANT!! ii. Use the default CSS below /* S2 FLEXIBLE SQUARES --- Slight --- Wingweaver22 @ Fruitstyle.livejournal.com Do not remove this note. / body { background-color: #fafafa; color: #bbbbbb; font-family: tahoma, sans-serif; font-size: 9px; margin: 0; padding: 0; } a, a:link, a:visited { color: #91cff4; text-decoration: none; } a:hover { color: #888888; cursor: help; } blockquote{ background-color: #fafafa; color: #bbbbbb; font-size: 9px; margin: 0; padding: 5px; } blockquote:hover { background-color: #ffffff; cursor: text; } input, select { background-color: #fafafa; color: #bbbbbb; font-family: tahoma; font-size: 9px; border: 1px solid #dddddd; margin-top: 5px; } input:hover, select:hover { background-color: #ffffff; color: #bbbbbb; border: 1px solid #dddddd; cursor: help; } textarea { width: 200px; padding: 5px; border: 1px solid #dddddd; background-color: #fafafa; color: #bbbbbb; font-size: 9px; font-family: tahoma; } / :::::::::::::::::::::::::::::::::::::::::::::::::::: L A Y O U T / #content { width: 450px; margin: auto; padding: 0; margin-top: 50px; background-color: #ffffff; border: 5px solid #eeeeee; } / :::::::::::::::::::::::::::::::::::::::::::::::::::: H E A D E R / #header { padding: 10px 0 10px 0; margin: 0 0 10px 0; text-align: center; text-transform: lowercase; font-size: 16px; font-family: georgia; color: #bbbbbb; border-bottom: 5px solid #eeeeee; } ul.navheader{ padding: 0px; margin: 0px; } ul.navheader li { display: inline; margin: 0 5px 0 5px; } .title, .subtitle, .defaultuserpic{ display: none;} / :::::::::::::::::::::::::::::::::::::::::::::::::::: S I D E B A R / #sidebar { color: #bbbbbb; font-size: 9px; font-family: tahoma, sans-serif; text-align: left; text-transform: lowercase; width: 150px; margin-right: -200px; padding: 10px; position: relative; float: right; } .sbartitle, .sbarheader { font-family: georgia; font-size: 16px; text-align: center; padding: 2px; margin: 0 0 5px 0; border-bottom: 1px dotted #dddddd; } .sbarbody { margin: 0; padding: 0; } .sbarbody2 { margin: 0; padding: 0; } #sidebar_summary li.sbaritem { margin: 0; padding: 0;} table.calendar { margin: auto; font-family: georgia;} .sbarcalendar { text-align: center; } .sbarcalendarposts { text-align: center; } ul.sbarlist { padding: 0; margin: 0; list-style: none; } li.sbaritem { list-style: none; } .tagcloud {display: none;} / :::::::::::::::::::::::::::::::::::::::::::::::::::: E N T R Y / #maincontent { color: #bbbbbb; font-family: tahoma, sans-serif; font-size: 9px; margin: 0; padding: 0; } .subcontent { margin: 0 auto; padding: 0; } .entry { margin: 0; padding: 10px; color: #bbbbbb; min-height: 80px; } .entry_text {min-height: 100px;} .entry ul li {padding:0; margin: 0;} .entry ol li {padding:0; margin: 0;} .userpic { float: left; background-color: #ffffff; padding: 10px; margin: 0 0 0 -170px; border: 5px solid #eeeeee; } .userpicfriends { float: left; background-color: #ffffff !important; color: #ffffff; padding: 10px; margin: 0 0 0 -170px; border: 5px solid #eeeeee; text-align: center; } .userpicfriends a font{ color: #91cff4 !important; } .userpicfriends img{ margin: 0 0 3px 0; } .date { font-size: 9px; font-family: tahoma, sans-serif; text-align: center; text-transform: lowercase; padding: 0; margin: 0; } .subject { text-align: center; font-family: georgia, sans-serif; font-size: 12px; font-weight: bold; padding: 0 0 2px 0; margin: 0; letter-spacing: 0px; } .datesubject { color: #bbbbbb; border-bottom: 1px dotted #dddddd; border-top: 1px solid #fafafa; padding: 5px 0 0 0; margin: 0; } .clear, .separator {display: none;} / :::::::::::::::::::::::::::::::::::::::::::::::::::: M E T A & C O M M E N T / .currents, .ljtags { font-size: 9px; font-family: tahoma, sans-serif; } .currentmood, .currentmusic, .currentlocation, .ljtags { background-color: #fafafa; margin: 5px 0 0 0; padding: 1px 0 1px 5px; width: 215px; } .currentmood strong, .currentmusic strong, .currentlocation strong{ font-weight: normal; } .comments { font-size: 9px; font-family: tahoma, sans-serif; text-align: center; text-transform: lowercase; margin: 5px 0 0 0; padding: 0; } / :::::::::::::::::::::::::::::::::::::::::::::::::::: F O O T E R / #footer { padding: 10px 0 5px 0; margin: 0 0 10px 0; text-align: center; text-transform: lowercase; font-size: 16px; font-family: georgia; color: #bbbbbb; border-top: 5px solid #eeeeee; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li{ display: inline; margin: 0 5px 0 5px; } .clearfoot {display: none;} / :::::::::::::::::::::::::::::::::::::::::::::::::::: R E P L Y & C O M M E N T / .datesubjectcomment { margin: 5px 0 5px 0; padding: 5px 0 5px 0; border-top: 1px solid #fafafa; border-bottom: 1px dotted #dddddd; } .userpiccomment { float: left; background-color: #ffffff !important; color: #ffffff; padding: 10px; margin: 0 0 0 -180px; border: 5px solid #eeeeee; text-align: center; } label { font-size: 9px; } .box { margin: 0; padding: 10px; } textarea.textbox { width: 95% !important; } .reply { margin: 0; padding: 0; } .replytosubject { margin: 0; padding: 0; } .commentreply { margin: 0; padding: 0px; } .commentbox { font-size: 9px; margin: 0; padding: 0px; min-height: 150px; } .commentbox a{font-size: 9px;} .commentboxpartial { margin: 0; padding: 0; } .commentinfo { margin: 0; padding: 0; width: 100%; } / :::::::::::::::::::::::::::::::::::::::::::::::::::: A R C H I V E & T A G/ ul.year { font-size: 9px; font-family: tahoma, sans-serif; text-align: center; text-transform: lowercase; padding: 0; margin: 0; color: #bbbbbb; } ul.year li { display: inline; } table.yeartable { margin: auto; padding: 0; } table.yeartable td.yearday { background-color: #fafafa; text-align: center; border: 0; margin: 0; padding: 0; } .skiplinks { text-align: center; } #maincontent h2 { color: #bbbbbb; font-family: georgia, serif; font-size: 12px; text-transform: lowercase; text-align: center; border-bottom: 1px dotted #dddddd; border-top: 1px solid #fafafa; padding: 3px; } .ljtaglist { list-style: none; margin: 10px; padding: 0; } / :::::::::::::::::::::::::::::::::::::::::::::::::::: O T H E R / html div.subcontent { /* fixes an IE reply page bug / height: 1%; clear: none; } html div.box#commentform { /* fixes an IE reply page bug / position: absolute; border-width: 1px; border-style: solid; border-color: #999999; background-color: #c2cde0; } ::-moz-selection { background: #dddddd; color: #ffffff; } ::selection { background: #dddddd; color: #ffffff; } code::-moz-selection { background: #dddddd; color: #ffffff; } code::selection { background: #dddddd; color: #ffffff; } /------ Look of contextual Popup ------/ / general positioning / div.ContextualPopup { margin: 10px 0 0 0px; font: normal 9px "tahoma" !important; } / userpic / div.ContextualPopup img { padding: 0 5px 0 5px; margin: 0 1px 0 5px !important; } / defines general look, font color/size/background color/ div.ContextualPopup div.Inner { background-color: #ffffff !important; color: #bbbbbb !important; border: 5px solid #eeeeee; padding: 0px; width: 220px; text-align: right; } / defines left side of popup without the user icon/ div.ContextualPopup .Content { padding: 2px 4px 6px 4px; } / defines the text that shows the relation to the user (XYZ is your mutual friend) / div.ContextualPopup .Relation { font-weight: normal !important; letter-spacing: 2px; } / look of words LJ Talk / div.ContextualPopup .Content .OnlineStatus { font-weight: normal; } / element that contains the user icon / div.ContextualPopup .Userpic { padding: 4px 4px 0 0; } / defines the look of the links */ div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: normal; color: #91cff4 !important; } #lj_controlstrip table { margin: 0; padding: 0; width: auto; background-color: #eeeeee !important;} #lj_controlstrip td { background-color: #fefefe !important; font-family: tahoma; color: #bbbbbb; border-bottom: 5px solid #eeeeee !important; } #lj_controlstrip a { color: #91cff4 !important; font-family: tahoma; font-size: 9px; text-transform: lowercase; } #lj_controlstrip a:hover { color: #888888 !important; cursor: help; border: 0; text-decoration: none; } #lj_controlstrip a img, #lj_controlstrip form { padding: 0; margin: 0; border: 0; } #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip input { font-family: tahoma; font-size: 9px; background-color: #ffffff; color: #bbbbbb; padding: 0; margin: 0; border: 1px solid #eeeeee; } #lj_controlstrip_userpic, #lj_controlstrip_userpic img{ width: 50px; height: 50px; } #lj_controlstrip_statustext { font-size: 9px; color: #bbbbbb !important; font-weight: normal; letter-spacing: 2px; } #lj_controlstrip_user, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic, #lj_controlstrip_actionlinks, #lj_controlstrip_search { border: 0; } iii. Paste the CSS into the "Custom CSS" box.
04. In exchange for using	Please link back to fruitstyle in your profile OR sidebar so others can find this community! You may also use a button. (:

Customize this layout! (optional)
Here is some extra information if you want to customize this layout to your liking. Only customize if you know what you are doing!

Replacing colours

i. Open up a text editor (NOT Microsoft Word).
ii. Paste your CSS codes in.
iii. Go to Edit > Replace and replace the colours of your choice.

Colours table


#ffffff	#fefefe	#fafafa	#eeeeee	#dddddd	#bbbbbb

#91cff4	#888888

Add a header

i. Upload your header onto your image host (Example: Photobucket)
DON'T HOTLINK OTHER PEOPLE'S HEADER IMAGES!!
ii. If you did not make the header image, credit the maker in your profile or sidebar.
iii. Replace HTTP://URLHERE.PNG with the url of your image.
iv. Replace ### with the HEIGHT (in px) of your header image.
v. Replace @@@ with the WIDTH (in px) of your header image.
vi. Copy your header code and add it to the bottom of the Custom CSS box!

Please post any HELP questions or PROBLEMS at this post!

Comment! Did you like it? Where are you using it? If you customized this, show me! (:
SUBSCRIBE to

fruitstyle for more updates!! (:

Page 1 of 7
<<	[1] [2] [3] [4] [5] [6] [7]	>>

(202 comments) - (Post a new comment)

	animates 2008-04-05 02:49 am UTC (link)
	Taking Suspicions for future use. Thank you for sharing! ♥♥ (Reply to this)

	meek 2008-04-05 02:53 am UTC (link)
	Awesome! I love Slight~ your profile codes rock too! (Reply to this)

	x_princevaliant 2008-04-05 03:02 am UTC (link)
	Hi! Omg... I love Whitespace! @__@ Will use and will credit!! 8DDD ♥ (Reply to this)

	ilusionaryheart 2008-04-05 03:09 am UTC (link)
	Terrrific! ♥ Both profile codes are gorgeous! (Reply to this)

	oneplus 2008-04-05 03:17 am UTC (link)
	These are amazing! :D I like your layout ideas~ I love it when you post up new ones rofl XD (Reply to this) (Thread)

	$Malionette \(o_O)/: o//o$ wingweaver22 2008-04-05 03:18 am UTC (link)
	roflroflrofl !!! Thank you! I really liked that blue one you made some time ago! You should be posting more...!!! (Reply to this) (Parent)(Thread)

(no subject) -

oneplus, 2008-04-06 01:57 am UTC

	pittari 2008-04-05 03:25 am UTC (link)
	Boxer line w/ image = ♥!! (Reply to this)

	fopperies 2008-04-05 03:46 am UTC (link)
	Slight is a fantastic layout. I'm all a twitter with delight. Absolutely taking for future use! (when my natural lazy recedes...) Will credit, it's spectacular. (Reply to this)

	misheard 2008-04-05 04:36 am UTC (link)
	Using Slight with header, plan to tweak it a bit further but love it very much so far~ (Reply to this)

	(Anonymous) 2008-04-05 11:10 am UTC (link)
	Hey how do you put a cbox into lj? (Reply to this) (Thread)

	$Malionette \(o_O)/$ wingweaver22 2008-04-05 10:34 pm UTC (link)
	well, hey what's a cbox?? (Reply to this) (Parent)(Thread)

(no subject) -

uver_chan, 2008-04-07 11:32 am UTC

	clockhouse 2008-04-05 11:36 am UTC (link)
	I like profile number one. Made me want I did not make myself a new one a few days ago! Will use it next. Saving to mems!! ^^ (Reply to this)

	superflavor 2008-04-05 05:04 pm UTC (link)
	So hot! Going to use the layout~ Thanks. (Reply to this)

	smilecity 2008-04-05 08:30 pm UTC (link)
	Ooh another batch of awesomeness! Thanks so much for customizing the boxer line profile! ♥ (Reply to this)

	warpuff 2008-04-06 03:46 am UTC (link)
	P-pretty! Using "suspicions" & meming! x3; (Reply to this)

	attempts 2008-04-06 03:52 pm UTC (link)
	I'm taking the sight layout. Thanks for sharing! (Reply to this)

	uver_chan 2008-04-07 11:30 am UTC (link)
	Im not taking the layout but I have to say they are super pretty! ♥ (Reply to this)

	justbolognese 2008-04-07 03:50 pm UTC (link)
	I love everything! Thanks, it's lovely :) (Reply to this)

	aleurier 2008-04-07 03:50 pm UTC (link)
	I would love to use the 'slight' layout, but the fonts are to 'light' to be readable. How can I make it darker (dark gray)? (Reply to this) (Thread)

	$Malionette \(o_O)/$ wingweaver22 2008-04-07 09:37 pm UTC (link)
	How about .entry {color: #999999;} (Reply to this) (Parent)(Thread)

(no subject) -

aleurier, 2008-04-14 03:28 pm UTC

	daiichu 2008-04-07 05:38 pm UTC (link)
	wow. nice! (Reply to this)

	kalamitykat 2008-04-07 06:14 pm UTC (link)
	OMG this is gorgeous! I've taken Slight and will credit. Thank you very much. ____ ♥ (Reply to this)

	poniekad 2008-04-07 06:40 pm UTC (link)
	taking slight, will credit. awesome layouts! (Reply to this)

	trufflebox 2008-04-07 07:48 pm UTC (link)
	^^b I'm using a layout+profile! I really like the Slight layout its cool! (Reply to this)

	ririne 2008-04-07 09:13 pm UTC (link)
	I like the Whitespace layout, it is simple but nice and clear ! But well, I change my layouts too often. Bad me. But as always, very good work :) (Reply to this)

	splinda 2008-04-08 06:44 am UTC (link)
	wow, i love this :) meming. (Reply to this)

	gissiweezy 2008-04-08 03:51 pm UTC (link)
	snagging slight! Thank you~ ♥ (Reply to this)

	angie_valo 2008-04-10 09:05 pm UTC (link)
	taking boxer line~ (Reply to this)

(202 comments) - (Post a new comment)

Page 1 of 7
<<	[1] [2] [3] [4] [5] [6] [7]	>>

Username:		Create an Account Forgot your login or password? Login w/ OpenID
Password:
	Remember Me
	English • Español • Deutsch • Русский…

About

Help

Get Involved

Legal

LJ Labs

Store