Yam (yam) wrote in mentahelada,
Yam
yam
mentahelada

  • Mood:

059 - Layout 036 [Smooth Sailing: Abandon All Hope]

Hello! This is not a new layout, I've been using it for over a year now and I love it because it's simple and easy to read. Anyway, I hope you like it. :)




Live preview | Image Preview



LAYOUT INFO:

  • Style: Smooth Sailing
  • Account level: Basic, Paid and Plus. For some reason I can't change the ad placement to vertical or between entries and I think this is a constant problem. Keep it in mind if you are a Plus user! (or if you are viewing your journal logged out.)
  • Tested on: IE (8 and higher), Firefox, Safari and Chrome.

IMAGES:

Please upload the images to your own server. Thanks.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Credits:
Icons: Pinvoke
Background pattern: C130
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Content background: http://www.mentahelada.net/lj-layouts/layout036/bg-content.png
Header: http://www.mentahelada.net/lj-layouts/layout036/header.png

User, community, locked/protected icons:
- http://www.mentahelada.net/lj-layouts/layout036/icon-user.png
- http://www.mentahelada.net/lj-layouts/layout036/icon-group.png
- http://www.mentahelada.net/lj-layouts/layout036/icon-lock.png

Pride & Prejudice icon in the live preview made by me. Find it here.

BASIC INSTRUCTIONS:

  1. Choose a Smooth Sailing layout
  2. Under "3. Choose a Page Setup" choose "2 Column (sidebar on left)" and apply the layout
  3. Go to the customize main page and, under "Additional Options", choose "no" in "Wrap Entry text under userinfo" line. Save
  4. Go to the Custom CSS page
  5. Select NO in the dropdowns
  6. Leave "Custom External Stylesheet" empty
  7. Paste the CSS that I give you in the "Custom Stylesheet" box. Save your changes.
  • Make changes if you know how (but still credit me!)
  • Ask if you have doubts, I'll try to answer asap

CHANGING THE HEADER:

Easy. Find this part of the code:
.pageheaderblock {
background:#000 url(http://www.mentahelada.net/lj-layouts/layout036/header.png) bottom center no-repeat;
border-bottom:1px solid #ccc;
font-size:0.75em/*12px*/;
text-align:center;
width:100%;
height:295px;
margin:0 auto;
}

And change the url to your own. The image must be 240px tall (and whatever-you-want wide) to fit the layout without making major changes to the code. If the header's height is different, change the height:295px; line to fit your needs.

EASY RULES:

  • Credit mentahelada if you use. Please don't credit mintyapple, please change the credit you have in your userinfo. Thanks!
  • Comment if you like / if you take
Subscribe

  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 10 comments