Yam (yam) wrote in mentahelada,
Yam
yam
mentahelada

  • Mood:
  • Music:

041 - Layout 19 [Smooth Sailing: Sarcastic Mister Know It All]

Hello! I like this one. It's simple and easy to customize. And there's a topbar version. Enjoy!




Live preview | Image Preview



Changelog: 2009-04-11: Fixed problem with long subject lines in sidebar layout.

Live preview | Image preview

Live preview | Image Preview
Orange version with sidebar:
Live preview | CSS
Green version with topbar:
Live preview | CSS

LAYOUT INFO:

  • Style: Smooth Sailing
  • Account level: Basic, Paid, Plus
  • Tested on: IE (7 and higher), Firefox Safari and Chrome.

IMAGES:

Please upload the images to your own server. Thanks.
Body background: http://www.mentahelada.net/lj-layouts/layout019/bg-body.jpg
Entry background: http://www.mentahelada.net/lj-layouts/layout019/bg-entry.jpg
Robert prettier header (:D): http://www.mentahelada.net/lj-layouts/layout019/bg-header.png (Use it with another layout if you wish! Just credit me. :D)
Green header: http://www.mentahelada.net/lj-layouts/layout019/bg-header2.jpg (Use it with another layout if you wish! Just credit me. :D)
Textures in green header by dearest
User, community, locked/protected icons: (by FamFamFam)
Carlisle icon in the preview made by me. Find it here.

BASIC INSTRUCTIONS:

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

CUSTOMIZING TOPBAR LAYOUT:

If you want to change the header, find this part of the code:
.bodyblock { /*entries + sidebar*/
background:transparent url(http://www.mentahelada.net/lj-layouts/layout019/bg-header.png) top no-repeat;
margin:0 auto;
padding-top:525px; /*CHANGE TO FIT TOPBAR SIZE*/
width:960px;
overflow:hidden;
}

And change the url to your own. Your header must be 960x300px to fit the layout. Also, change the padding-top so your entries don't overlap the topbar.
You should be able to add whatever you want to the topbar, but keep your summary and link list as short as possible.

CHANGING HEADER OF SIDEBAR LAYOUT:

Easy. Find this part of the code:
.bodyblock { /*entries + sidebar*/
background:transparent url(http://www.mentahelada.net/lj-layouts/layout019/bg-header2.jpg) top no-repeat;
margin:0 auto;
padding-top:310px; /*CHANGE THIS TO FIT YOUR HEADER HEIGHT*/
overflow:hidden;
}

And change the url to your own. Your header must be 960px width to fit the layout. Also, change the padding-top to fit your header height.

USED COLORS:

Orange layout:
Main orange: e75b18
Header-hover orange: e14900

Green layout:
Main green: 90c33c
Header-hover green: 79ad25

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


Oh, and I have two new affiliates:
pavanes &
deegroovy_icons.
Both make amazing icons. Please go to their pretty journals and friend them for updates! :D
Tags: ! affiliates, headers, headers:robert pattinson, layouts, layouts:smooth sailing, layouts:topbar
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.
  • 72 comments
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →