itsanooray: (Default)
itsanooray ([personal profile] itsanooray) wrote in [community profile] betterdolphin2012-01-03 08:17 pm
Entry tags:

Lettuce - Hooky

UPDATE 1-4-12: There was an issue where the "powered by" was showing up at the top, I have hidden that module. Also a couple tweeks were added that don't really affect anything, they were added for "just in case" purposes. And sometime in the future I may try to make the layout work for comments, but I'm not sure when that will be, but feel free to check back from time to time or watch this comm, as I'll make a post about it when I do!



Image Preview - Live Preview with Texture and Live Preview without Texture

"hooky"


Has many variations. There's a textured version with 4 colors, there's also a no texture version with just one color but that's because you can change colors on your own, and then both have a stickied sidebar and non-sticky sidebar option.

Note this is my first time making a layout for Dreamwidth, there's bound to be something I missed. Feel free to inform me in comments.



Notes: To turn ON the sticky sidebar, search for #secondary in the stylesheet. Replace "absolute" with "fixed."

If you do use the sticky sidebar, keep in mind screen resolutions. If you have a lot of info in your sidebar it WILL be cut off. The sticky sidebar was made with RP journals in mind where the tag or link list would basically be the only important thing needed. If you have a lot of tags, use the tag cloud instead of list.

This was tested in IE7-9, FF4+ and Chrome, it should stand to reason it will work in Safari and Opera. IE7 and 8 work all right with this layout, but the fonts won't work and there's a couple height issues on 7 that weren't a big enough deal for me to want to fix it.

DO NOT use this layout on your comment pages. It just doesn't work well with them so I decided not to bother with this particular layout. You can turn off that option here.

Please upload all images to your own image server and replace the URLs in the style sheet!
Directions: Go here. Below you'll find a section of themes to select and a search field. In the search box put in "Lettuce" and choose the template. In the top right you'll see a box called Current Theme, click "Change page setup" and there choose "2 Column (sidebar on the left)" if it's not already. Then click the "Customize selected theme" link. On your left you'll see a sidebar. If you want to use this layout with the fixed sidebar you will need to go into "Modules" and pick only one or 2 modules to have in your sidebar. If you don't use the fixed sidebar, don't worry about it. Then click on "Custom CSS." Uncheck "Use layout's stylesheet(s)" and leave "Custom stylesheet URL" blank.

If you haven't already, you need upload all the images to your own server/image service and replace all the image URLs on this stylesheet with your own URLs. Then copy and paste this WHOLE document into the "Use embedded CSS" box.

Click "Save Changes" and it should be ready to go!
Template: orange hooky
For: Lettuce

Images: These are hosted on my own domain, PLEASE save and upload to your own server/account. Just be sure to change the URLs in the style sheet when you do!

Here is a zip of the images and stylesheet.

Code:


Template: green hooky
For: Lettuce

Images: These are hosted on my own domain, PLEASE save and upload to your own server/account. Just be sure to change the URLs in the style sheet when you do!

Here is a zip of the images and stylesheet.

Code:


Template: purple hooky
For: Lettuce

Images: These are hosted on my own domain, PLEASE save and upload to your own server/account. Just be sure to change the URLs in the style sheet when you do!

Here is a zip of the images and stylesheet.

Code:


Template: blue hooky
For: Lettuce

Images: These are hosted on my own domain, PLEASE save and upload to your own server/account. Just be sure to change the URLs in the style sheet when you do!

Here is a zip of the images and stylesheet.

Code:


Template: orange hooky (NO texture)
For: Lettuce

NOTES: If you use this option the sidebar won't stretch down to the browser, but it's styled nicely.

Images: These are hosted on my own domain, PLEASE save and upload to your own server/account. Just be sure to change the URLs in the style sheet when you do!

Here is a zip of the images and stylesheet.

Code:
The post is too long, rather than making a second post I'll have to link to the style style here, which will open in a new window.




Rules of the Game: - Credit [community profile] betterdolphin somewhere viewable, like a stickied post or userinfo, and leave the credit on the sheet
- You may edit to suit your needs, but credit would still be nice.
- Commenting not necessary, but makes me feel good all over anyway if you do.

Post a comment in response:

From:
Anonymous( )Anonymous This account has disabled anonymous posting.
OpenID( )OpenID You can comment on this post while signed in with an account from many other sites, once you have confirmed your email address. Sign in using OpenID.
User
Account name:
Password:
If you don't have an account you can create one now.
Subject:
HTML doesn't work in the subject.

Message:

 
Notice: This account is set to log the IP addresses of everyone who comments.
Links will be displayed as unclickable URLs to help prevent spam.