heylove: (Default)
heylove ([personal profile] heylove) wrote in [community profile] dreamwidthlayouts2010-03-21 05:41 pm
Entry tags:

[Blanket] Down There

Layout: Blanket
Style: Peach
Browsers: Firefox 3.6, IE 8, Flock 2.5.6
Navbar: Yes
Customized Comments/Tags/Archive Pages: Yes
Resolutions: 1024x768, 1280x800, 1440x900

Preview:


click on the image for the original size; a live preview can be found at my journal. :)

EDIT: A Livejournal "version" can be found in my journal >>here<<



Instructions:
1. Go to the "Select Journal Style" page and choose "Blanket Peach" by clicking "Base Layouts" (it's the third one for me).
2. On the Customize Style page, make sure in the Modules section, Navigation is in the "Fixed" section, if it not already is; everything else in the "Column" Section.
3. In the Customize CSS section uncheck "Use layout's stylesheet(s)" and paste the code into the "Use embedded CSS" box and save your changes.
4. Please upload the images (IMAGE-1 & IMAGE-2) to your own host. Thanks. :)




adding a header image - please read carefully

first off, I did not intent for a custom header to be used with this layout. But because I have been asked for it, I came up with a workaround. It may not be perfect, but at least it gives the possibility to use a custom header. :) The code below is merely an example how to add a header, if you want the image to be larger or smaller, you must adjust the widths and heights accordingly. If you run into problems or have a question, don't hesitate to ask and I will do my best to assist. :)

to my knowledge, a separate header image (above the already existing one) cannot be added, but you can add a background image to #header>.inner. It lays underneath the journal and page title, so you might want to include your preferred journal name in the header image and remove those parts from the code. Also, for the exact code below to work, your header must be exactly 640 x 200 px. If you want it to be larger or smaller than suggested, you must adjust the values in other parts of the code as well (please follow the additional step 3 in that case).

Step 1: copy the code below and replace the original code with it. Put the URL to your image where it says "URL TO YOUR IMGAE HERE" and adjust the background colors if needed.

#header {width:640px; height:200px; margin: 0 auto 2em auto; background: #000000; }
#header>.inner {width:639px; height:200px; background: #000000 url(URL TO YOUR IMGAE HERE);padding:1px;}


Setp 2: look for the code below and add the bolded parts. You can leave the rest, if you want to remove the header later and return to the original one, otherwise, you can remove it.

div#header h1#title {display:none; font-weight: normal; text-transform: uppercase; letter-spacing: 0; padding: 0; margin: 0; color: #aaaaaa; font-family: sans-serif; font-size: 1.3em;}
div#header h2#subtitle {display:none; font-weight: normal; text-transform: lowercase; letter-spacing: 1px; padding: 0; margin: 0; color: #aaaaaa; font-family: sans-serif; font-size: 1em;}
div#header h2#pagetitle {display:none; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; padding: 0; margin: 1em 0 0 0; color: #c8c8c8; font-family: sans-serif; font-size: 1em;}


this gives you:



additional Step 3: if you want your header to be larger or smaller in width than suggested above, you must change the values accordingly in other parts of the code as well, I have put them below. Just replace "YOUR WIDTH" with the preferred width for the content, navigation and footer:

#primary {width: YOUR WIDTH; margin: 0 auto; z-index: 0; padding: 0;}
#secondary {width: YOUR WIDTH; margin: 0 auto; z-index: 0; padding: 0; background-color: #ffffff;}


also, you must push your content lower if you want your header to be larger or smaller in height as well. Just replace the bolded part with your preferred spacing amount and add the other three zeroes.

#content {padding: 0; margin: 0 0 0 0;}

combine both parts in step 3 if you want it to be larger or smaller in height and width. :)

Like I said above, if this is too confusing or you need help with adding the image, don't hesitate to ask. I hope I did this right. :)
Background image by netykavka@dA.




Please credit [personal profile] heylove when using the layout. Thank you. :)
Also, feel free to ask here if you have any questions, but please bear in mind that I cannot answer questions regarding paid accounts. Sorry.

This is my first layout for dreamwidth and I'm a little nervous posting it, so please be gentle. ;)
goodbyebird: Sarah Connor Chronicles: Sarah at the institution (SCC Sarah sanity in a crazy world)

[personal profile] goodbyebird 2010-03-21 05:21 pm (UTC)(link)
Oh, that looks nice! Very clean :)
(your tinypic link on the preview image just comes up as moved or deleted btw)
stormy: βͺ ππŽπ“πˆπ‚π„ ❫ 𝑫𝑢 𝑡𝑢𝑻 𝑻𝑨𝑲𝑬 𝑴𝒀 𝑰π‘ͺ𝑢𝑡𝑺 ⊘ (Default)

[personal profile] stormy 2010-03-21 05:42 pm (UTC)(link)
Love it! Adding to my memories.
hetairai: (love)

[personal profile] hetairai 2010-03-21 08:07 pm (UTC)(link)
definately added to mems, love it.
kateness: (Default)

[personal profile] kateness 2010-03-21 09:43 pm (UTC)(link)
Pretty! Memming for later. :D

[personal profile] h4hahn 2010-03-21 11:24 pm (UTC)(link)
I love this layout. Gorgeous.

Can a header be added? I don't see a place for url.

(no subject)

[personal profile] h4hahn - 2010-03-22 12:42 (UTC) - Expand
leslie: (Default)

[personal profile] leslie 2010-03-22 04:40 am (UTC)(link)
What a gorgeous background! Did you take that photo yourself? Love it, thanks for sharing!
thebat: (dragon ball. true love.)

[personal profile] thebat 2010-03-22 03:36 pm (UTC)(link)
Love this! ♥
darkemeralds: Dark Emeralds in red glasses (Default)

[personal profile] darkemeralds 2010-03-24 04:45 am (UTC)(link)
This is spectacular! Very much what I've been looking for.

The picture you link to called Blacklilydot is coming up as a blank screen. Is that intentional?

Thank you for your work on this and the clear instructions and code. I'm going to give it a try and will credit.

(no subject)

[personal profile] darkemeralds - 2010-03-24 18:25 (UTC) - Expand
chatananas: vintage lady with long hair (Default)

[personal profile] chatananas 2010-03-24 04:52 am (UTC)(link)
This is pretty much what I was looking for. I am putting it in my memories for when I'll tire of my current layout. Thank you!
dramedistatales: (Default)

[personal profile] dramedistatales 2010-03-24 08:48 am (UTC)(link)
I'm making this part of my memories and will definitely use it. You did a marvelous job with it. :D

Thanks for taking the time and effort to do this, and for sharing!!
lunarwolfik: (Default)

[personal profile] lunarwolfik 2010-03-24 07:11 pm (UTC)(link)
Very nice layout and very spring-esque! Snagged to use at my journal, thank you for making such an awesome layout! Will credit of course. :D
baggyeyes: Princess Leia (Default)

[personal profile] baggyeyes 2010-03-26 09:18 pm (UTC)(link)
Beautiful!
candidlily: "believe me for 20 minutes" (dw eleven fireworks)

[personal profile] candidlily 2010-05-03 08:20 am (UTC)(link)
This is gorgeous! Using it, thanks so much!
abigailnicole: (Default)

[personal profile] abigailnicole 2010-05-05 07:19 pm (UTC)(link)
so this layout! I love it. I'm using your skeletal structure and modifying some other things...I'm trying to copy my old much-loved layout from [livejournal.com profile] abigail_nicole and this one is the closest I've found so far. I've made a few modifications, but it's now my default, thank you!
genvieve: (Default)

[personal profile] genvieve 2010-05-08 01:16 am (UTC)(link)
Thank you! I love this layout.

[personal profile] fivewinds 2010-05-08 07:27 pm (UTC)(link)
Hello! Brand spanking new here.

I love your layout. Its beautiful and matches an old desktop theme I always wanted to have, but never got. Anyway, I was installing, I noticed your instructions said to save the two images to your own host but left it at that. However, you can easily copy and paste your CSS code since you have the existing image URLs there and have it work without doing any image uploads. Its too easy for lazy people to just use your images instead of their own. As a friendly suggestion, in my limited experience, I've seen people edit the URL in the code to say something like "BACKGROUND_URL_GOES_HERE" or something of that nature, so that the rest of us don't go lazily leeching off someone's bandwidth.

I used your layout for 1680x1050 resolution, and ended up with a visible margin on the right side. (which i expected since it wasn't a recommended resolution) ^^; I ended up centering the image instead, and making the background black to hide the two margins. It's a fair workaround, but it's not as nice as your original layout - which is what I prefer. Any chance you have an alternative solution? I tried resizing the background image to 1680 but tinypic prefers to shrink them to 1600 no matter what I try. Hope you can help

-5W

[personal profile] bellajayd 2010-05-30 11:11 pm (UTC)(link)
Hi! This is an absolutely gorgeous layout - very serene! Thank you for making it!!

A quick question . . . that may have a not-so-quick answer. I'm a totally n00b at customizing layouts, do you have any suggestions on how to customize this layout on LJ? Any help you can give would be very much appreciated!

Many thanks :)

(no subject)

[personal profile] bellajayd - 2010-05-31 19:47 (UTC) - Expand

(no subject)

[personal profile] bellajayd - 2010-06-11 00:36 (UTC) - Expand
perfectworry: meet me in the door with the desert in the morning I am there (you do this for love)

[personal profile] perfectworry 2010-06-19 02:25 am (UTC)(link)
Sorry to delete and repost this. I thought I had it fixed, but I didn't.

When I view my journal, the background cuts off and you can see the light green behind it, but when I view your journal in the same browser window, it doesn't do that? I'm probably just screwing something up, but I can't figure out what.
perfectworry: meet me in the door with the desert in the morning I am there (shut your eyes and sing to me)

[personal profile] perfectworry 2010-06-19 02:34 am (UTC)(link)
Ah, finally! Fixed.
myshuno: (Default)

[personal profile] myshuno 2010-08-05 09:00 pm (UTC)(link)
So beautiful. <3
I love it.
evercharmer: (fabulous)

[personal profile] evercharmer 2010-08-15 03:14 am (UTC)(link)
This layout is amazing and I am now using it.

(no subject)

[personal profile] evercharmer - 2010-08-15 13:38 (UTC) - Expand
accodion: Naked Frolics (Default)

[personal profile] accodion 2010-08-20 11:25 pm (UTC)(link)
Let me start by saying /BEAUTIFUL/ layout! I've been using it for about a week and a half now. But I just found something that I'm not smart enough to fix. I only know enough about coding to be able to have tweaked font size/color, and to change the background image to one I took down in Yosemite.

Anyway! Onto my question =) I was setting up a work-around for texting in entries from my phone, and commented on my test entry. I noticed that there's no background boxes on the comments when you click to the entry from the main journal page. If you're linked directly to the entry and click reply, it works perfectly.

I took a screenshot of it. http://img716.imageshack.us/img716/2546/commentbackground.png

Is there any way for me to fix that? =) Even then, it's not the BIGGEST issue in the world, but for people commenting on my stuff, I bet it'd be a little annoying lol.

Either way, thank you in advance for any help, and thank you SO MUCH for making such an amazing layout ^_^ <3 I've credited you both on my "new layout yay" entry and also on my profile =)

(no subject)

[personal profile] accodion - 2010-08-21 20:09 (UTC) - Expand

[personal profile] caketime 2010-09-02 02:01 pm (UTC)(link)
Oh so pretty. I'll be using this, thank you!

[personal profile] caketime 2010-09-02 02:04 pm (UTC)(link)
Oh, question: is it okay if I change the background? (I'll still give credit. Just want to make sure.)

[personal profile] sleepymax 2010-09-03 01:51 am (UTC)(link)
Thank you! I've been looking around through tons of layouts and this one works perfect.

I hope you don't mind but I modified it a bit for my journal/account. I'll definitely be giving credit.
scarlet_carsons: (Default)

[personal profile] scarlet_carsons 2010-09-04 08:38 pm (UTC)(link)
This is wonderful, thank you. I've used it for my journal, although I've tinkered with it a bit - I've credited you in my profile, so I hope that's alright.

I was wondering: is there a way to make the header box transparent, like the 'Previous 20' box is?

(no subject)

[personal profile] scarlet_carsons - 2010-09-05 17:09 (UTC) - Expand
sparksofember: (Default)

[personal profile] sparksofember 2010-11-09 11:19 pm (UTC)(link)
Just finished tinkering with this layout. Gave you credit under my profile. Thank you! (and what do you think?)

Page 1 of 2

<< [1] [2] >>