Layout hellllp!

Layout hellllp!

L.A.Y.O.U.T.S

[	userinfo	\|	livejournal userinfo	]
[	archive	\|	journal archive	]

Hello!

[Feb. 28th, 2009|07:21 pm]

momovanilla

I'm quite new here (registered yesterday), and now I look for a layout for myself. I want that it is either An Cafe- or Bou-layout. Some really cute! But some cute photo is ok too (Cupcake or something like that).

thank you :))))

link

1 comment|post comment

Facebook Layout

[Feb. 24th, 2009|08:52 pm]

nerak_rose

[

music

Happoradio - Hc-Sää

]

I made a layout for Livejournal that looks like Facebook. Because I was bored.

Style: S2 flexible squares
Account type: Paid, Plus and Basic.
Resolution: 1280x800
Browsers tested: Mozilla Firefox and Internet Explorer.
Notes: Does not work in Internet Explorer. Clearly, IE fails.
It's live at

sama_farid which isn't a paid account so you can't see the comment pages and I don't know a way to show them... but it's also currently on my journal,

nerak_rose and I suppose you can go look in my FO post to see XD
If you find any bugs, please let me know. (I refuse to take responsibility for bugs showing up in other browsers than FF)

/*--------------------------------------------------- made by http://nerak-rose.livejournal.com for the fun of it. this stylesheet base was downloaded from http://community.livejournal.com/cartonage/2419.html so credits to there for that. All other work is mine. -----------------------------------------------------*/ 	body	{ 		background-color: #FFFFFF; 		text-align: center; 		color: #111111; 		font-family: "Calibri", sans-serif; 		font-size: 12px; 		margin: 20px 0 20px 0; 		} 	a, a:link, a:visited { 		color: #3B5998; 		text-decoration: none; 		} 	a:hover { 		color: #3B5998; 		text-decoration: underline; 		} 	p, td, blockquote { 	 	font-size: 12px; 		} 	code, kbd, pre, tt { 	 	font-family: monospace; 		} /*--------------------------------------------------------------------- General page alignment and width ------------------------------------------------------------------------*/ 	#content 	{ 		width: 80%; 		margin-left: auto; margin-right: auto; 		background-color: #FFFFFF; 		border: none 		padding: 15px; 	} 	#maincontent { 		margin-top: 15px; 		font-family: "Calibri", sans-serif; 		font-size: 12px; 		background-color: #FFFFFF; 		color: #111111; 		border: none; 		margin-right: 220px; 		text-align: left; 		} 	#sidebar { 		padding-top: 15px; 		margin-top: 15px; 		background-color: #F7F7F7; 		border-color: #CCCCCC; 		border-width: 1px; 		border-style: solid; 	 	font-size: 12px; 		font-family: "Calibri", sans-serif; 	 	color: #000000; 		width: 200px; 		float: right; 		text-align: left; 		-moz-border-radius-topleft: 3%; 		-moz-border-radius-topright: 3%; 		-moz-border-radius-bottomleft: 3%; 		-moz-border-radius-bottomright: 3%; 		-webkit-border-top-rightright-radius: 3%; 		-webkit-border-top-left-radius: 3%; 		-webkit-border-bottom-left-radius: 3%; 		-webkit-border-bottom-rightright-radius: 3%; 		} /*----------------------------------------------------------------------------- Header - you can add a header image with either #header or .headerimage --------------------------------------------------------------------------------*/ 	#header { 		width: 80%; 		padding: 10px 0px 20px 0px; 		margin-right: 180px; 		text-align: left; 		font-family: "Calibri", sans-serif; 		font-size: 12px; 		font-weight: bold; 		letter-spacing: 2px; 		border: none; 		background-color: #FFFFFF; 		color: #000000; 		} 	.headerimage { 		/* for formatting header image */ 		} /*look and color of links (also partly for footer)*/ 	div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { 		padding: 5px 1px 2px 5px; 		color: #3B5999; 	} 	div#header a:hover, div#footer a:hover { 		color: #FFFFFF; 		background-color: #3B5999; 		padding: 5px 1px 2px 5px; 		text-decoration: none; 	} /*title and subtitle*/ 	.title	{ 		font-family: "Calibri", sans-serif; 		font-size: 12px; 		font-weight: normal; 		line-height: 200%; 		top: 10px; 		} 	.subtitle{ 		font-family: "Calibri", sans-serif; 		font-size: 10px; 		color: #555555; 		font-weight: normal; 		top: 10px; 		} /*----------------------------------------------------------------------------- Header - top navigation --------------------------------------------------------------------------------*/ /* header -- links to views; title of journal; subtitle of journal */ 	ul.navheader 		{ 		padding: 5px 1px 1px 5px; 		margin: 0px; 		border-bottom: 1px solid #D8DEEA; 		} 	ul.navheader li { 		display: inline; 		padding: 5px 1px 2px 0px; 		font-family: Calibri; 		font-size: 12px; 		font-color: #3B5999; 		background-color: #D8DEEA; 		} 	ul.navheader li.view { 		padding: 5px 1px 2px 5px; 		font-family: Calibri; 		font-size: 12px; 		font-color: #000000; 		background-color: #FFFFFF; 		border-top: 1px solid #D8DEEA; 		border-left: 1px solid #D8DEEA; 		border-right: 1px solid #D8DEEA; 		border-bottom: none; 		} /*----------------------------------------------------------------------------- Entry stuff ------------------------------------------------------------------------*/ 	.subcontent { 		background-color: #ECEFF5; 		color: #000000; 		font-family: "Calibri", sans-serif; 		font-size: 12px; 		text-align: left; 		} 	.entry	{ 		 		} 	.entry_text { 		margin-left: 130px; 		} 	.userpic { 		position: relative; 		float: left; 		background-color: #FFFFFF; 		padding: 5px; 		margin: 10px; 		z-index: 15; 		border: 1px solid #FFFFFF; 		} 	.date { 		line-height: 200%; 		top: 5px; 		color: #555555; 		font-family: "Calibri", sans-serif; 		font-size: 10px; 		} 	.subject { 		font-weight: bold; 		padding: 10px; 		color: #000000; 		font-family: "Calibri", sans-serif; 		font-size: 12px; 		} 	.subject a, .subject a:link, .subject a:visited { 		color: #3B5998; 		} 	.subject a:hover { 		color: #3B5998; 		text-decoration: underline; 		} 	.datesubject { 		background-color: #ECEFF6; 		border-bottom: 2px solid #FFFFFF; 		padding: 5px; 		} .entry ul li 		{ 		padding-left: 5px; 		margin-left: 15px; 		} .entry ol li 		{ 		padding-left: 5px; 		margin-left: 15px; 		} /*--------------------------------------------------------------------- Entry Stuff - Current Mood, Music and Location ------------------------------------------------------------------------*/ 	.currents, .currentmood, .currentmusic { 		font-family: "Calibri", sans-serif; 		font-size: 12px; 		} 	.currents strong { 		font-weight: normal; 		} /*--------------------------------------------------------------------- Entry Stuff - Comments ------------------------------------------------------------------------*/ 	.comments { 		font-family: "Calibri", sans-serif; 		font-size: 12px; 		text-align: left; 		background-color: #ECEFF5; 		padding: 12px 5px 12px 5px; 		position: relative; 		top: 15px; 		border-top: 2px solid #FFFFFF; 		} 	div.comments a, div.comments a:link, div.comments a:visited{ 		padding: 3px 154px 3px 5px; 		color: #555555; 		border: 1px solid #CCCCCC; 		background-color: #FFFFFF; 	} 	div.comments a:hover { 		padding: 3px 154px 3px 5px; 		color: #555555; 		border: 1px solid #CCCCCC; 		background-color: #FFFFFF; 		text-decoration: none; 	} /*--------------------------------------------------------------------- Entry Stuff - Separator ------------------------------------------------------------------------*/ .separator{ 		/* for formatting separators between entries */ 		height: 2px; 	} /*------------------------------------------------------------ Special friends page customization -------------------------------------------------------------------------------*/ 	.userpicfriends { 		position: relative; 		float: left; 		padding: 5px; 		margin: 10px; 		text-align: center; 		border-style: solid; 		border-width: 1px; 		border-color: #FFFFFF; 		background-color: #FFFFFF !important; 		font-family: "Calibri", sans-serif; 		font-size: 12px; 		z-index: 15; 		} /*------------------------------------------------------------ Sidebar -------------------------------------------------------------------------------*/ 	.defaultuserpic { 		text-align: center; 		} 	.sbarheader { 		padding: 0px 5px 0px 5px; 		} 	.sbarbody { 		padding: 0px 5px 0px 5px; 		border-bottom: 1px solid #CCCCCC; 		} 	.sbarbody2 { 		padding: 5px 15px 5px 15px; 		border-bottom: 1px solid #CCCCCC; 	} div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #3B5998; } div#sidebar a:hover { color: #3B5998; text-decoration: underline; } /*------------------------------------------------------------ Sidebar - Calendar -------------------------------------------------------------------------------*/ 	table.calendar { 		margin-right: auto; 		margin-left: auto; 		} 	.sbarcalendar { 		border-color: #CCCCCC; 		border-width: 1px; 		border-style: solid; 		background-color: #FFFFFF; 		text-align: center; 		font-family: "Calibri", sans-serif; 		font-size: 12px; 		} 	.sbarcalendarposts { 		border-color: #CCCCCC; 		border-width: 1px; 		border-style: solid; 		background-color: #FFFFFF; 		text-align: center; 		font-family: "Calibri", sans-serif; 		font-size: 12px; 		} /*------------------------------------------------------------ Sidebar - link box contents and sidebar box titles -------------------------------------------------------------------------------*/ 	ul.sbarlist 	{ 		padding-left: 0px; 		margin-left: 0px; 		list-style: none; 	} 	li.sbaritem 	{ 		padding-left: 15px; 		list-style: none; 	} 	li.sbartitle 	{ 		padding-left: 5px; 		list-style: none; 		font-weight: bold; 		font-align: left; 		border: none; 		background-color: #F7F7F7; 		margin-bottom: 10px; 		margin-top: 5px; 	} /*---------------------------------------------------- footer ----------------------------------------------------------------*/ 	#footer { 		display: none; 		} 	ul.navfooter{ 		padding: 0px; 		margin: 0px; 		} 	ul.navfooter li { 		display: inline; 		margin: 0 5px 0 5px; 		} 	.clearfoot { 		clear: both; 		} /*---------------------------------------------------- Archive Pages ----------------------------------------------------------------*/ 	ul.year { 		text-align: center; 		padding-bottom: 40px; 		} 	ul.year li { 		display: inline; 		} 	table.yeartable { 		padding: 5px 5px 5px 5px; 		margin-left: auto; 		margin-right: auto; 		border-width: 1px; 		border-style: solid; 		border-color: #CCCCCC; 		-moz-border-radius-topleft: 3%; 		-moz-border-radius-topright: 3%; 		-moz-border-radius-bottomleft: 3%; 		-moz-border-radius-bottomright: 3%; 		-webkit-border-top-rightright-radius: 3%; 		-webkit-border-top-left-radius: 3%; 		-webkit-border-bottom-left-radius: 3%; 		-webkit-border-bottom-rightright-radius: 3%; 		} 	table.yeartable td.yeardate, table.yeartable td.yearday { 		border-width: 1px; 		border-style: solid; 		border-color: #CCCCCC; 		-moz-border-radius-topleft: 3%; 		-moz-border-radius-topright: 3%; 		-moz-border-radius-bottomleft: 3%; 		-moz-border-radius-bottomright: 3%; 		-webkit-border-top-rightright-radius: 3%; 		-webkit-border-top-left-radius: 3%; 		-webkit-border-bottom-left-radius: 3%; 		-webkit-border-bottom-rightright-radius: 3%; 		} 	table.yeartable td.yearday { 		background-color: #F7F7F7; 		text-align: center; 		border-width: 1px; 		border-style: solid; 		border-color: #CCCCCC; 		-moz-border-radius-topleft: 3%; 		-moz-border-radius-topright: 3%; 		-moz-border-radius-bottomleft: 3%; 		-moz-border-radius-bottomright: 3%; 		-webkit-border-top-rightright-radius: 3%; 		-webkit-border-top-left-radius: 3%; 		-webkit-border-bottom-left-radius: 3%; 		-webkit-border-bottom-rightright-radius: 3%; 		} 	td.yearmonth { 		border: none; 		} /*---------------------------------------------------- Comments pages ----------------------------------------------------------------*/ 	.datesubjectcomment { 		background-color: #ECEFF6; 		margin-top: 20px; 		border-bottom: 2px solid #FFFFFF; 		} 	.userpiccomment { 		position: relative; 		border-width: 5px; 		border-style: solid; 		border-color: #FFFFFF; 		background-color: #FFFFFF; 		top: -30px; 		left: 0px; 		padding: 5px; 		margin: 10px 10px -20px 10px; 		z-index: 15; 		float: left; 		border-width: 1px; 		border-color: #FFFFFF; 		border-style: solid; 		} 	.box { 		border: none; 		padding: 10px; 		clear: left; 		} 	input, textarea { 		background-color: #FFFFFF; 		color: #555555; 		border: 1px solid #BEC7D8; 		} 	textarea.textbox { 	width: 100% !important; 		} 	.reply	{ 		} 	.replytosubject { 		font-weight: bold; 		} 	.commentreply { 		position: relative; 		margin: 10px; 		font-size: 12px; 		font-family: "Calibri", sans-serif; 		color: #555555; 		border: 1px solid #CCCCCC; 		background-color: #FFFFFF; 		} 	.commentbox { 		border: none; 		padding: 10px; 		margin: 10px; 		background-color: #ECEFF6; 		} 	.datesubjectcomment a:link, .datesubjectcomment a:visited { 		color: #3B5998; 		} 	.datesubjectcomment a:hover { 		color: #3B5998; 		text-decoration: underline; 		} 	.commentboxpartial { 		border-color: #CCCCCC; 		border-width: 1px; 		border-style: solid; 		padding: 10px; 		margin: 10px; 		background-color: #F7F7F7; 		} 	.commentinfo { 		background-color: #FFFFFF; 		margin-top: 10px; 		width: 100%; 		} .skiplinks { 		text-align: center; 		} /*-------------------------------------------- Misc -----------------------------------------*/ 	.clear { 		height: 15px; 		} /*------------------------------------ Look of contextual Popup ------------------------------*/ /*general positioning*/ div.ContextualPopup { margin: 5px 0 0 20px; font: normal 11px "Calibri", sans-serif !important; } /* attaches border to user icon*/ div.ContextualPopup img { border: none; padding: 5px 5px 5px 5px; } /*defines general look, font color/size/background color*/ div.ContextualPopup div.Inner { background-color: #F7F7F7 !important; color: #000000 !important; border: 1px solid #CCCCCC; padding: 0px; width: 250px; } /*defines left side of popup without the user icon*/ div.ContextualPopup .Content { padding: 2px 4px 6px 4px; margin-right: 50px; line-height: 1.4; } /*defines the text that shows the relation to the user (XYZ is your mutual friend) */ div.ContextualPopup .Relation { font-weight: bold !important; font-family: "Candara", sans-serif !important; } /* look of words LJ Talk */ div.ContextualPopup .Content .OnlineStatus { font-weight: normal; color: #000000 !important; } /*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: underline !important; font-weight: normal; color: #3B5998 !important; }

Enjoy, if you want to. :P

link

post comment

Eighteen Twitter Profile Layouts

[Feb. 18th, 2009|11:18 am]

boundary

title. tweet, tweet, twitter
resolution. 800x600+
browsers tested. Mozilla Firefox, Internet Explorer
notes. layouts for Twitter profile pages.

( codes and instructions. )

link

post comment

S2 Layout : Flexible Squares : Cloudy Morning

[Feb. 14th, 2009|12:47 pm]

boundary

title. Cloudy Morning
style. S2 Flexible Squares
account type. Paid, Basic, & Plus (horizontal ads)
resolution. 1024x768+
browsers tested. Mozilla Firefox, Internet Explorer
notes. Sidebar disabled. Rounded corners in Mozilla browsers only.

live preview & image preview

( codes and instructions. )

link

3 comments|post comment

flexible squares: xavia

[Dec. 14th, 2008|08:39 pm]

boundary

title. The Future Freaks Me Out
style. S2 Flexible Squares
account type. Paid, Basic, & Plus (horizontal)
resolution. 1024x768+

live preview & image preview

( codes and instructions. )

link

post comment

HELP ME!

[Dec. 9th, 2008|12:32 pm]

dicamilla

[	Current Location	\|	Westchester	]
[	mood	\|	curious	]
[	music	\|	Mr.brickley talk	]

http://tinypic.com/view.php?pic=263ix5f&s=4

thats the pic i want in my layout with green and hot pink

please help me!

i will credit!

link

post comment

Lofty Style

[Nov. 26th, 2008|05:14 pm]

loftystyle

Hi all!

We’ve updated our portfolio http://www.loftystyledesign.com

Check it out! Hope you find something interesting for you!

link

post comment

Tumblr Layout

[Nov. 11th, 2008|11:37 pm]

villagetheatre

I used to work a bit with HTML but I haven't in a while and I can't for the life of me figure out the CSS scripting to customize my Tumblr. Can anyone help? Thank you so much!

link

1 comment|post comment

Lay out help:(

[Oct. 6th, 2008|11:28 pm]

xxsafixx

[

mood

stressed

]

How can I narrow the body part?
My layout looks like this and I'm trying to arrange a similar order like.Please can someone tell me how can I fix it?I really really appreciate:(

my layout

this is similar appearance I want

link

post comment

Paramore Layouts

[Sep. 15th, 2008|09:48 pm]

well_imnot

anyone have paramore layouts code?
please

link

post comment

Can anybody help me?

[Sep. 5th, 2008|12:01 pm]

bjones010590

I need some serious help with my journal. I can't figure out how to change my layout to something i found on the internet. I know there's a lot of work to do with coding an whatnot, but if anybody can help me get my journal to where i want it to be, i would be very greatful!

link

post comment

Positioning my layout to the left of the page

[Sep. 4th, 2008|09:37 pm]

bellrosk

If you visit my page you can see that my layout is centred.
Does anyone know the code which can poistion all the tables to the left?
Thankyou.

link

post comment

I feel sooooo helpless! Can anyone help me? *bats eyes*

[Sep. 3rd, 2008|06:28 pm]

winglessdemon

[	Current Location	\|	in my digital photography class	]
[	mood	\|	determined	]
[	music	\|	people talking around me	]

Ok, I have not been on a computer where I can really sit and make stuff like layouts and everything in YEARS. Yeah, it sucks and because of that I'm lacking in what I used to know in layout stuff. So anyways, I need help! Either I need someone to contact me and maybe walk me through making a layout or can someone make me one if I give you the subject and stuff ya know? Anyways, get at me at darlingnikki26@yahoo.com if you can and/or are willing to help. Thanks and your help is greatly appreciated! <3

link

post comment

TWILIGHT layouts

[Sep. 3rd, 2008|03:29 pm]

paniclover4life

lookin for some twilight layouts ya'll
thanksssss

link

3 comments|post comment

i need help positioning my layout

[Sep. 2nd, 2008|07:48 pm]

chii_lou

hey guys! i'm new to livejournal, and i'm still pretty confused about how to work the whole thing.

anyway, i made my layout just the way i wanted it with the help of some nice people....but i didn't like the ad's. so i switched over to the basic account....but now my journals are in the center of the page, instead of being to the left like i originally had them.

is there anyway to change it so that its too the left and not the middle?
i can't figure it out.

any help at all would be so much appreciated.
thanks so much in advance.

link

post comment

Help!

[Sep. 2nd, 2008|08:02 pm]

signatoria

I don't know how to put a layout on! I'm new *_*

Could anyone make me Death Note r Twilight layout please? I will credit the creator.

link

post comment

Help!

[Aug. 5th, 2008|11:00 am]

chocobit

I need some serious help. I have photoshop knowledge, but when it comes to CSS, I'm at a complete loss. I was curious if someone could help me create a layout for the following banner. It's on a regular, non-paid account for a community. I care not what colours you choose to use; if you want me to change the colour behind the picture itself, let me know and I'll be more than happy to do that. Thank you so much if you choose to help me!

Banner

link

post comment

Advertisement