Log in

No account? Create an account
04 July 2014 @ 07:27 pm
89. Layout Lounge 1.0  
Layout Style: S2 Flexible Squares
Features: Tab style sidebar with all the perks of Layout Lounge
Layout Width: 1000px

All embedded in coding from Google Fonts

Theme and Layout Change Tutorial

Additional Layout Directions:
1. The header section on this is only 150px in height. Changing this will alter things drastically. If you wish to change the height let me know and I can help you with it.

2. The headerimage coding is near the bottom of the coding.

.headerimage {
 position: absolute;
 width: 100%;
 height: 150px;
 margin-top: 0px;
 padding: 0px;
background-color: #49BFB4;
 background-image: url(Top Header Image URL), url(Bottom Image URL);
 background-repeat: no-repeat, repeat;
background-position: center center, center top;

Top Header Image is my logo image. Bottom Image is the below Header design. Put your urls in between these () to create the effect I've created.


Background Image

More Headers:
More Background Images: Layout Lounge Site
More Tiny Icons: Layout Lounge Site

No Hotlinking Images #4 under general
Header can be changed
Background image can be changed or removed.
Credit Necessary.

Having Trouble? Try:
Theme and Layout Change Tutorial or Helpful Hints
If that didn't work. Comment Below with example if possible.
Saku: Alicesakurita on July 6th, 2014 03:22 am (UTC)

It´s so elegant! I´m adding it to memories! :)
Jill aka Josireesanwar on July 6th, 2014 03:26 am (UTC)
Thank you. Very lovely compliment.

It will be here.
(Deleted comment)
Jill aka Josireesanwar on July 6th, 2014 11:44 pm (UTC)
Re: awesome
You mean in the navigation menu?
Re: awesome - cap_me_crazy on July 7th, 2014 09:50 am (UTC) (Expand)
iamusicklover: masatoiamusicklover on July 6th, 2014 02:35 pm (UTC)
Hi ! Your layouts are great ! I love them.
I'd like to use it, using this image ( http://i1123.photobucket.com/albums/l558/musicklover26/banner2_zpse92ea48c.jpg )
its 2200 x 500 :D
Thanks in advance ! :)
Jill aka Josireesanwar on July 7th, 2014 12:04 am (UTC)
This image wasn't 2200 x 500 when I tried to use it. It ended up being 1024 x 232 but worked really well. You can find the coding at:

You didn't give me the background image you wanted but I leave that up to you. Just pick you background and add it to the coding at the very top of the coding. The background or body section is the grey vintage image area I have on this journal.
(no subject) - iamusicklover on July 7th, 2014 06:26 am (UTC) (Expand)
(no subject) - sireesanwar on July 8th, 2014 12:02 am (UTC) (Expand)
(no subject) - iamusicklover on July 8th, 2014 10:16 am (UTC) (Expand)
Christinastina_bo_bina on September 8th, 2014 05:10 am (UTC)
This layout is so cute. I love the fonts and background images!! And you made it so easy to install and find where to insert the URLs. Thanks!!!
Jill aka Josireesanwar on September 8th, 2014 09:05 pm (UTC)
I'm so glad you like it and you didn't have any trouble with the layout.
marynasukemarynasuke on September 25th, 2014 02:03 pm (UTC)

Just so you know I've searched everywhere and your layout is still the best :D ^^b
I would like to use this layout for my new comm and would like to use this image http://ic.pics.livejournal.com/marynasuke/15569300/157268/157268_original.jpg as my header if you could kindly help me :D thank you!
Jill aka Jo: UTD: No way out Julia & Barbiesireesanwar on September 25th, 2014 11:02 pm (UTC)
Okay here is the thing... this image is very large so I had to make it a little smaller.... you can see it and get the coding at workshop_rees. Save the image because right now I have it in my scrapbook and I'm going to delete it at some point.

Let me know that you've gotten the updated image.
(no subject) - marynasuke on September 26th, 2014 01:39 am (UTC) (Expand)
(no subject) - sireesanwar on September 26th, 2014 09:17 pm (UTC) (Expand)
(no subject) - marynasuke on October 3rd, 2014 04:19 am (UTC) (Expand)
Choseninstinctchoseninstinct on September 27th, 2014 07:58 am (UTC)
I am going to try it out! It looks so pretty!
Jill aka Josireesanwar on October 2nd, 2014 09:29 pm (UTC)
Thank you. Enjoy!
(Deleted comment)
Jill aka Josireesanwar on October 5th, 2014 07:19 am (UTC)
So glad you like it!
Фэшн Тренди (fashion_4_you): Pilgrimfashion_4_you on November 28th, 2014 05:59 pm (UTC)
I tried to use the layout but all links got disabled. I mean when I click on the name of the post it doesn't open in new window, etc.
what am I doing wrong?
Jill aka Jo: Castle: Beckettsireesanwar on November 28th, 2014 08:13 pm (UTC)
Re: layouts
I'm not sure. I'm using it here and it is working.

If I could see the problem I might be able to figure it out.
Re: layouts - fashion_4_you on December 1st, 2014 03:12 pm (UTC) (Expand)
thisbe1304thisbe1304 on December 21st, 2014 11:47 pm (UTC)
Layout help
Hi I'm new to LJ and have no coding experience I was wondering if you could help me with a layout.
Jill aka Josireesanwar on December 22nd, 2014 10:35 pm (UTC)
Re: Layout help
I'm willing depending on what you mean. I don't redo another makers layout though I will help you adjust things if you like.

If you are using one of my layouts or plan to I will piece it together for you and help you get it exactly how you want it.
Re: Layout help - thisbe1304 on December 24th, 2014 07:21 pm (UTC) (Expand)
Re: Layout help - sireesanwar on December 24th, 2014 08:00 pm (UTC) (Expand)
Re: Layout help - thisbe1304 on December 24th, 2014 08:48 pm (UTC) (Expand)
Re: Layout help - sireesanwar on December 24th, 2014 08:51 pm (UTC) (Expand)
katnotte0 on June 26th, 2015 04:02 am (UTC)
This is so nice! LJ icons turn into circles, so cute XD
I'm using this, but intend to make some adjustments when I have time to study the code :-)

Thank you for the nice design :-)
Jill aka Josireesanwar on June 26th, 2015 07:58 pm (UTC)
YEP! I love those circles.

Have fun with it.
your cat likes me bettermalice_n_wonder on July 30th, 2015 08:35 pm (UTC)
This is really gorgeous...so elegant! Thanks.
Jill aka Josireesanwar on July 30th, 2015 09:16 pm (UTC)
Thank you. What a nice compliment.
pepperounpepperoun on September 8th, 2015 03:39 pm (UTC)
i am currently using this theme and i just wanted to ask, how to have a link on the side bar like on this theme? thank you in advance!
Jill aka Josireesanwar on September 8th, 2015 06:30 pm (UTC)
Re: hello!
Are you talking about the links in my free text/blurb?

There are several tutorials:
What's On Your Sidebar?
Free Text/Blurb: Coding Works Differently

Or are you referring to the Social Media icons? I have two different tutorials for those:

Let me know if I've gotten this wrong or if you need further help.

katnotte0 on October 3rd, 2017 03:05 pm (UTC)
I've actually been using this layout for a while but didn't comment back then. Just thought I'd let you know. This is actually one that has stayed the longest :-)
Thank you for this lovely layout!
Jill aka Jo: Happy: Calvin Smilesireesanwar on October 6th, 2017 06:14 pm (UTC)
As a person who changes their own journal layout often... high compliment. Thank you!