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.
meicdon13: (Default)

[personal profile] meicdon13 2012-01-04 04:21 am (UTC)(link)
Definitely going into my memories. Will credit when I use!
manaie: (Kuroshitsuji - Ciel - tea)

[personal profile] manaie 2012-01-04 05:28 am (UTC)(link)
Gorgeous! I'm definitely using this one. ♥
manaie: Sky Dolls girl; making an mmmm face (Default)

[personal profile] manaie 2012-01-05 05:35 am (UTC)(link)
Tyvm for the heads up. I'll have a look~
manaie: Sky Dolls girl; making an mmmm face (Default)

[personal profile] manaie 2012-01-05 05:44 am (UTC)(link)
Oh, you wouldn't know why my name (top left) is showing up out of line with the black topbar?
manaie: Sky Dolls girl; making an mmmm face (Default)

[personal profile] manaie 2012-01-05 03:38 pm (UTC)(link)
Tyvm for the help. I really appreciate it.
haikitteh: (Art Nouveau Lavandar Lily)

[personal profile] haikitteh 2012-01-04 05:54 am (UTC)(link)
This is really beautiful. Clean and crisp and lovely color choices. Mem'ing for later - beautiful job!
xyndarella: (Default)

[personal profile] xyndarella 2012-01-04 11:23 am (UTC)(link)
Absolutely beautiful. I think you did a splendid job.

Mem'ing and using. Will give credit.
faere: (bear bread)

[personal profile] faere 2012-01-04 02:11 pm (UTC)(link)
Your layout is so lovely, and I love that there are variations <3
Well done!
Edited 2012-01-04 14:18 (UTC)
rikayla: (Default)

[personal profile] rikayla 2012-01-04 07:06 pm (UTC)(link)
memming, thanks! you did a really good job!

[personal profile] celtic_oak 2012-01-04 10:41 pm (UTC)(link)
These are lovely! Taking the green one. Thanks!
mark: A photo of Mark kneeling on top of the Taal Volcano in the Philippines. It was a long hike. (Default)

[staff profile] mark 2012-01-04 11:29 pm (UTC)(link)
Wow, that's very nice.
markmanching: (Default)

[personal profile] markmanching 2012-01-05 03:28 am (UTC)(link)
Gosh, you're making this designing stuff. good job for creating themes as originality and i'll credit this!

btw: the powered by thing is hidden something?
delight: (Default)

[personal profile] delight 2012-01-18 06:06 am (UTC)(link)
We're using this at [community profile] psalloid; you are freaking INCREDIBLE. I dropped out of the layout scene ages ago and am always ashamed I don't make my own, but using yours, I feel no shame. :D
prettiestbunnythere: (pleased)

[personal profile] prettiestbunnythere 2012-01-21 04:35 am (UTC)(link)
Hi! I'm loving this layout and planning on using it for this character. I was wondering if you might help me figure out what's going wrong when I use it, though. I get two purple lines instead of one, and the texture doesn't seem to be showing up in the background. I've gone through three times to ensure I've changed all your links three times, but every time, I get the same result on this journal.

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!
prettiestbunnythere: (overjoyed)

[personal profile] prettiestbunnythere 2012-01-21 04:47 am (UTC)(link)
I should've known it was Photobucket screwing things up! Thank you.
so_out_of_ideas: If you like this icon, comment the maker! (Default)

[personal profile] so_out_of_ideas 2012-03-02 11:53 pm (UTC)(link)
These layouts are lovely, but I'm having trouble getting the live previews or zips to load. I'm not sure if the problem is server-side or something to do with my net connection; thought I would let you know.
so_out_of_ideas: If you like this icon, comment the maker! (Default)

[personal profile] so_out_of_ideas 2012-03-03 12:01 am (UTC)(link)
My DSL can be a little slow sometimes in bad weather, that might be why. No problem, thanks.
nesita: (Bones - VNM)

[personal profile] nesita 2012-10-28 11:49 am (UTC)(link)
Taking Orange Hooky, thank you! =)
colls: (FS Surprised!D'Argo)

[personal profile] colls 2012-11-12 03:03 pm (UTC)(link)
I bookmarked this some time ago and finally got around to loading images and installing it.
It's SHINY - thank you! :)
mythicgeek: image of an original sailor moon character, black woman with purple and black afro puffs, dressed as a sailor senshi (Default)

[personal profile] mythicgeek 2013-01-23 07:04 pm (UTC)(link)
Using Blue Hooky, thank you! (annnd chances are I'll be using another of your layouts once I'm finished with this one. I already have it saved!)
flaithri: are you someone who can entertain me? (Default)

[personal profile] flaithri 2016-05-01 03:36 am (UTC)(link)
Hello, I wonder if you're still around? Thank you for the good work! I'm using the purple one for this acc's journal.

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?
redplainsrider: (Default)

[personal profile] redplainsrider 2016-05-02 02:36 am (UTC)(link)
I'm still around, though not too active here anymore, obvs, but I still get notifs! (Though I can't remember my password so I'm replying with this RP account, heh.)

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!
flaithri: are you someone who can entertain me? (Default)

[personal profile] flaithri 2016-05-04 11:38 am (UTC)(link)
It's working fine and I'm done replacing with my own address. Thank you again! \o/