itsanooray (
itsanooray) wrote in
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.
Rules of the Game: - Credit
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.

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
- 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.





no subject
no subject
no subject
no subject
no subject
no subject
no subject
tl;dr:
find "h1#title" in the stylesheet and change margin: -20px 0 0 15px; to something like margin: 5px 0 0 15px;
no subject
no subject
no subject
no subject
no subject
Mem'ing and using. Will give credit.
no subject
no subject
Well done!
no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject
btw: the powered by thing is hidden something?
no subject
And thank you very much!
no subject
no subject
no subject
I'll include a textbox of what I'm putting into the CSS box in a second comment. Thanks for any help you can provide!
no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject
It's SHINY - thank you! :)
no subject
no subject
Though, since you said to upload the images to my own server, I intended to download the zip but unfortunately the link isn't working. Can I have the new download link please?
no subject
I thiiiiiink this is all that you need:
http://hodo7.com/web/freebies/hooky/texture/hooky-purple.zip
Let me know if there's any issues with that zip!
no subject