Jill aka Jo (sireesanwar) wrote in layout_lounge,
Jill aka Jo
sireesanwar
layout_lounge

96. Autumn

Layout Style: S2 Flexible Squares
Features: Embedded Fonts, Colorful, Custom Userpic, Header Images
Layout Width: Flexible Width


{ Preview } { Live }
Credit:
layout_lounge


Theme and Layout Change Tutorial

All embedded in coding from Google Fonts




Additional Layout Directions:
The title and subtitle are available for use in this layout. If you would prefer to use it go to the .title & .subtitlte coding sections and remove the line display: none; from the coding. This will show the title and subtitle on your layout.
The height of this header image is set to 200px. You can change this but there are few other parts you must change.

  1. .maincontent you'll notice there is a padding-top of 236px. Out image is 200px but that extra 36px is because of the header/navbar in this layout. So if you want a 420px image you'll have to add 36px to 420px (456px). This will be your new padding.

  2. .header you'll notice the marin-top is set to 200px which is currently the same as our header. So if you new header is 420px then this margin-top must be 420px.

  3. .sidebar you'll notice there is a margin-top (or margin: 236px 0px 0px -1px;) of 236px. Our image here is 200px and again that header/navbar so we end up with 236px. So if you want a 420px header image you'll be again adding 36px to the margin (456px).

This will apply no matter what height your image is. 300px=336px, 205=341px.

Images

1600x300






Helpful Tutorials:

  1. Common Issues

  2. Theme and Layout Change Tutorial

  3. Image Tutorial: Adding Background & Header Images in Coding

  4. Sidebar: What I Do and Do NOT Want On It

  5. LJ Advertisements: What is that weird box on my LJ?

  6. Tutorial Index


More Images:
More Headers: Layout Lounge: 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.
Tags: !all-layouts, .flexible-squares, account: paid, feature: background, feature: header-navbar, feature: sidebar, image, image: background, image: header, layout-color: orange, topic: color, topic: season
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

  • 18 comments