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

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


Coding


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

RULES:
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
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

  • 12 comments