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

102. Comic Book

Layout Style: S2 Flexible Squares
Features: Header Images, Large Header Image
Layout Width: Flexible Width
[ Preview ] [ Live ]
credit: layout_lounge

All special fonts have been embedded from Google Fonts


Header Images
Width: 1500px

How to change headerimage height:
Since all of the header images created for this layout are 500px in height that is what the default is for this layout. If, however, you have your own image that is 300px in height there are some adjustments you'll want to make (in order of how they appear in coding):

  1. #content-outer: change the height to 300px;

  2. .headerimage: change the height to 300px;

  3. #content: change the height to 340px - there is a 40px cushion to accomodate the navbar. So make sure you add 40px to whatever the height of your headerimage is.

  4. #header: This is the navbar and needs a cushion of 15px so for a 300px image the "top:" would be 315px. You are going to add 15px to the height of whatever image you use.

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 rule 4 under general
Headers can be changed
Background images 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, image, image: header, layout-color: black, layout-color: white, topic: books, topic: movies
  • Post a new comment


    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened