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

99. Impact (Layout Lounge 2.0)

Layout Style: S2 Flexible Squares
Features: Embedded Fonts, No Title, No Subtitle, No Background image, Header Image is logo only (see instructions)
Layout Width: Flexible Width

[ Preview ] [ Live ]

Theme and Layout Change Tutorial

All embedded in coding from Google Fonts

Additional Layout Directions:
There are a few things you should know about this layout:

  1. I have removed the Title and Subtitle to prevent the title of posts from interfering with the look of the layout.

  2. The header image is more of just a title. This can be made in Photoshop or other image software. If you need a title I'm willing but I'd be pretty much mimicking this title image. I recommend having a background color in your image that has a low transparency. This means with a lighter image it will still be well visible.

  3. This has a full sidebar.

  4. The flower "header image" is, in fact, a #content-outer image. What this means is when you choose the image you want you will go to the General section towards the top of the coding. Here you will find the #content-outer which has image coding. This image is set to cover the 250px high area. You may have noticed the below images are larger than 250px and have much more to the picture. In the background-position line of the #outer-content I've centered the image horizontally while placing it at 65% of the image vertically. This means I've chosen which area of the image to display to you all. You can change this up but changing the percentage which comes after center (background-position: center 50%;).

  5. For this #outer-content image I would recommend an image that is 1600 pixels wide at the very least. The below images are 2280 x 1667.

  6. As for the logo image this is in the traditional .headerimage coding which is located in the General section under the #outer-content coding. I've moved this (it is normally at the end of all my layouts) for the convenience because of the unusual nature of these "header images".


Common Issues With Layouts:
More Images:
More Headers: Layout Lounge: 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.

Tags: !all-layouts, .flexible-squares, account: paid, feature: header-navbar, image, image: header, layout-color: white, topic: season, topic: simple, topic: stock
  • Post a new comment


    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened