?

Log in

 
 
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.

Header:


Background Image


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

RULES:
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.
 
 
 
Geisha Sakura: 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?
cap_me_crazycap_me_crazy on July 7th, 2014 09:50 am (UTC)
Re: awesome
Yeah, but it's okay, cause I just used a link to the memories where my screencaps are listed for easy access for members who want to find the screencaps they want.
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:
http://workshop-rees.livejournal.com/18883.html

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.
iamusicklover: nagisaiamusicklover on July 7th, 2014 06:26 am (UTC)
Oh its not, that's odd. I edit it on 2200 x 500.
But anyway, Thanks ! ^^
Jill aka Jo: Misc: All I Want Is Funsireesanwar on July 8th, 2014 12:02 am (UTC)
It's actually typical for PhotoBucket to resize the pictures down. I paid for an account with them thinking they'd stop doing it and they didn't. For large pictures I suggest your Scrapbook here at LJ.
iamusickloveriamusicklover on July 8th, 2014 10:16 am (UTC)
Oh I see. Okay, I'll try that, Thanks again ! ^^
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)
HELLO :D

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.
marynasukemarynasuke on September 26th, 2014 01:39 am (UTC)
Oh sorry for troubling you. Thank you! I have saved the image. :)
Jill aka Jo: FF: Browncoatsireesanwar on September 26th, 2014 09:17 pm (UTC)
No problem at all. I'm happy to help and this wasn't hard for me at all.

I hope you enjoy your layout.
marynasukemarynasuke on October 3rd, 2014 04:19 am (UTC)
Yes I do :D very pretty.

Thank you very much!
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)
layouts
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.
Фэшн Тренди (fashion_4_you): Pink blondefashion_4_you on December 1st, 2014 03:12 pm (UTC)
Re: layouts
I chose theme "Light clouds"
Expressive from Yoksel
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.
thisbe1304thisbe1304 on December 24th, 2014 07:21 pm (UTC)
Re: Layout help
I wanted to use one of your layouts. The Outlander Oxygen one is awesome it's the one I wanted to use.
Jill aka Jo: Outlander: Jamie & Claire circlesireesanwar on December 24th, 2014 08:00 pm (UTC)
Re: Layout help
Okay.

I can piece it together for you. I need you to upload a header image and a background image to some place like Photobucket and send me links to those images.

Here is a tutorial about Photobucket
http://layout-lounge.livejournal.com/37241.html
Jill aka Jo: Outlander: Claire weddingsireesanwar on December 24th, 2014 08:51 pm (UTC)
Re: Layout help
Done!

http://workshop-rees.livejournal.com/20133.html

And yay for Outlander fans!
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)
hello!
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:
Hover
Roll

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