layout: Blanket, “blackletter”
September 5th, 2012 05:17 pm![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
This layout is basically a tweak on a previously released layout: Central. But I was using it a lot so I figured I might as well release it! Blackletter is an extremely basic one-column layout that features a fairly flexible header scheme.
Instructions
- Go to your Customize page.
- Under "Select a New Theme", type "Blanket" in the Search box.
- Find "Peach" (by
sforzinda) and click Apply Theme
- Click the button that says Customize Your Theme.
- Click Custom CSS on the left. Uncheck use layout's stylesheets! It should look like this!
- Copy and paste the following into the custom stylesheet box and click "Save Changes":
For a layout with header text (as in preview) —
For a layout without header text —
Customizing the header
This layout was designed with a simple-to-customize header component. The default size of the header is 650 x 200 pixels, but you can tweak the CSS to other dimensions.
To change the header, find these lines of code (hint: they're at the very top for easy editing) and replace the url in red with the url of the image you want to use! You can also delete the line altogether if you don't want to use a header background; it looks a bit like this.
#header {
margin: 1em auto 2em;
text-align: center;
height: 200px;
width: 650px;
background:url(http://spoony.valiantknife.org/dwidth/blacklettered/background.png);
}
Please credit to terra or
vigils. Feel free to modify/redistribute however you like! You an see some tweaks I've made to the CSS shell (and a header image without the text) here. This layout uses icons by Paul Armstrong, and patterns from Subtle Patterns, both licensed under a Creative Commons Attribution-Share Alike 3.0 United States License.
no subject
Date: September 6th, 2012 09:37 pm (UTC)no subject
Date: September 7th, 2012 05:33 am (UTC)If this is a rude thing to ask, I apologize and please just delete this comment.
no subject
Date: September 7th, 2012 05:56 am (UTC).entry .userpic {
margin: 1em 0 1em 1em !important;
z-index: 3 !important;
float: right !important;
}
Let me know if that works!
no subject
Date: September 7th, 2012 06:31 am (UTC).entry .userpic {
display: none }
with what you just posted. Is that right?
Also thank you very much!
no subject
Date: September 7th, 2012 06:40 am (UTC)no subject
Date: September 7th, 2012 07:57 am (UTC)no subject
Date: September 7th, 2012 11:26 pm (UTC)no subject
Date: September 7th, 2012 11:30 pm (UTC)#header h1#title {
color: #000;
font-size: 4em;
font-weight: normal;
letter-spacing: 0;
margin: 0;
font-family: UnifrakturMaguntia, "Bell MT", "Palatino Linotype", "Book Antiqua", Palatino, serif;
padding: 10px 10px 0 10px;
background: #fff;
display: inline-block;
text-align: center;
}
The red value is the one you want to adjust. So you could try 3em, or set it to 36px, or whatever you like, really. I hope that's helpful!
no subject
Date: September 7th, 2012 11:33 pm (UTC)no subject
Date: September 15th, 2012 08:41 pm (UTC)no subject
Date: September 16th, 2012 07:34 am (UTC)no subject
Date: September 24th, 2012 12:26 am (UTC)love ophelia
no subject
Date: September 29th, 2012 08:13 pm (UTC)no subject
Date: December 15th, 2012 10:40 pm (UTC)you may not need comments or credit but you deserve them, your layouts are gorgeous and i really like this one. it is clean and neat and the instructions are all really clear! thank youuu
no subject
Date: January 26th, 2013 04:49 am (UTC)no subject
Date: February 11th, 2013 06:43 pm (UTC)no subject
Date: March 25th, 2013 05:50 am (UTC)no subject
Date: May 16th, 2013 07:44 am (UTC)no subject
Date: May 29th, 2013 06:46 pm (UTC)no subject
Date: May 23rd, 2017 05:10 am (UTC)For some reason, it's doing this on my new journal, but not the old one that I still have it on. I even tried going back and taking the code from the old one and it's still doing it.
Any idea what might be going on?
no subject
Date: May 23rd, 2017 05:31 am (UTC)no subject
Date: May 23rd, 2017 06:14 am (UTC)no subject
Date: May 23rd, 2017 06:30 am (UTC)#header h1#title {
color: #000;
font-size: 4em;
font-weight: normal;
letter-spacing: 0;
margin: 0 ;
font-family: UnifrakturMaguntia, "Bell MT", "Palatino Linotype", "Book Antiqua", Palatino, serif;
padding: 10px 10px 0 10px;
background: #fff;
display: inline-block;
text-align: center;
}
And replace it with:
#header h1#title {
color: #000;
font-size: 4em;
font-weight: normal;
letter-spacing: 0;
margin: 0 2em ;
font-family: UnifrakturMaguntia, "Bell MT", "Palatino Linotype", "Book Antiqua", Palatino, serif;
padding: 10px 10px 0 10px;
background: #fff;
display: inline-block;
text-align: center;
}
no subject
Date: May 23rd, 2017 06:06 pm (UTC)no subject
Date: May 23rd, 2017 07:24 pm (UTC)no subject
Date: October 11th, 2020 04:54 pm (UTC)no subject
Date: October 11th, 2020 05:00 pm (UTC)