?

Log in

No account? Create an account
REN/HEI OTP
#6 - Black & White (My Chemical Romance layouts) 
posted on 31 Aug 2008 at 2:36
otp


I had to make a layout with the new(ish) Ryan Russell photos.




INFO
  • Style: S2 - Smooth Sailing
  • Two versions: light and dark
  • For free, paid, plus accounts (Vertical ad placement doesn't work at all. If you'd like custom comment pages, I suggest horizontal ad placement. If you don't use comment pages, choose horizontal or between entries ad placement. But. If you don't have adblock, the layouts won't look as good. Sorry. ;__;)
  • Best viewed at 1024*768 or higher
  • Was tested in Firefox and IE (it works better with Firefox)


INSTALLING THE LAYOUT
1. Pick a header from below and paste its code into the CSS you chose under .pageheaderblock - background-image (you can find it in the HEADER section). For example if you choose the Gerard header, your .pageheaderblock will look like this.

2. Go to LJ's customize page. Type 'Smooth Sailing' in the search box, hit enter, then apply one of the available themes. (screencap)

3. Go to the Theme customization page and choose these settings at Presentation:
  • Userinfo Position in Entries: Right side of the entry text
  • Username Position in Entries: Below usericons
  • Username Position in Comments: Below usericons
  • MetaData Position: Below entry text
  • Entry Tags Position: With Metadata (mood, music)

4. Go to Custom CSS, and select the following:
  • Use layout's stylesheet(s): No
  • Use layout's stylesheet(s) when including custom external stylesheet: No
  • Leave the Custom external stylesheet URL box blank.
  • Copy + paste the code to the Custom stylesheet box. (screencap)
Hit 'Save changes', and you're done!


CODES
LIGHT


DARK


THE HEADERS
Choose one and paste its url under .pageheaderblock. Also, upload them to your own server, please. All photos are by Ryan Russell. (I'm still bad at making graphics, so feel free to use these as bases, add brushes, text, your username etc. to them.)




NOTES
1. Adding your own header: if you'd like to make your own header, the base codes are fit for 620px*280px ones. If you're gonna use a taller header than 280px, edit HEADER - .pageheaderblock - "padding-bottom: 280px;" with the height of your header. If you want to use a pic which is wider than 620px, note how many pixels wider your header graphic is, and add this number to BASICS - .pageblock - "width: 820px;".

2. Hiding the sidebar: if you don't want a sidebar, find SIDEBAR - .sidebar and write "display: none;" after the bracket. After that replace every "820px" with "620px" and every "200px" with "0" in your text editor.

3. Other color schemes: These layouts are based on really simple color schemes. The easiest way to add some color to them is to replace "#b8b8b8" (the color of the links, sidebox titles, listtitles, entry dates) and "#666666" (the color of the entry subjects, entry links, lj usernames, sidebar links) with your chosen colors hex codes. For example:

Light - blue: #666666 -> #3db5d8 and #b8b8b8 -> #98d4e6
Light - orange/blue: #666666 -> #f28339 and #b8b8b8 -> #5bd0de
Light - green/red: #666666 -> #79BE00 and #b8b8b8 -> #ED6D4A

Dark - blue: #666666 -> #237484 and #b8b8b8 -> #01a9bf
Dark - yellow: #666666 -> #796735 and #b8b8b8 -> #c99013
Dark - green: #666666 -> #626a10 and #b8b8b8 -> #889500

4. I used tiny icons. They are now hosted at imageshack. If the link is broken, upload these to your own server: lj user tiny icon, lj comm tiny icon. You'll find their places under MISC (.ljuser img).


Feel free to edit the codes to your liking, if you don't know how to change something, just ask and I'll gladly help, please credit me (!). Enjoy! :)

Comments 
posted on 31 Aug 2008 at 1:20 (UTC)
very nice layout, love all the headers you made!
posted on 31 Aug 2008 at 2:11 (UTC)
Thank you! :) The photographer took so many gorgeous pictures, it was impossible to choose only a few.
posted on 31 Aug 2008 at 1:22 (UTC)
Beautiful, man! *-*
I loved the banners; there's some pictures that I didn't seen before and they're so SO beautiful! Maybe I put some brushes in them, i don't know, I'm lot lazy these days but i'll definitely use this!

Congratulations, dude!

xo
posted on 31 Aug 2008 at 2:14 (UTC)
Thank you very much! :D

Sure, pretty them up as much as you'd like. (Oh man, same here. I used the same method on these, that's one of the reasons why I made a lot of headers.)
posted on 31 Aug 2008 at 1:36 (UTC)
Oh my gosh, these look just incredible! However, I have a plus account and don't have adblock. So even if I have the ads between entries, it won't work? ;(
posted on 31 Aug 2008 at 2:25 (UTC)
Thank you so much!

Well, it'll look a bit better than with horizontal placement. I hatehatehate that LJ doesn't allow customizing the look of the ads, meh. But you gave me an idea. :D The sidebar didn't have a background color (and its position is fixed, it overlaps the ads, so at those parts the text is unreadable), but if it has one, it will (partly) hide the ads, and the layout won't be as ugly. Oh man, why haven't I thought of this before. Gonna edit the codes. :)
posted on 31 Aug 2008 at 2:48 (UTC)
You're simply amazing. I just keep going back and forth between banners. They're all so amazing. There's a few I haven't seen before, and I'm absolutely in love with them.


x
posted on 31 Aug 2008 at 21:01 (UTC)
Wow, thanks so much! :) I know, those photos are so beautiful.
posted on 31 Aug 2008 at 7:16 (UTC)
Gorgeous! I'm taking them all, because this photoshoot is simply great, and then switch among them. I will credit! :D
posted on 31 Aug 2008 at 21:02 (UTC)
Thank you! :D It really is, I had a hard time choosing only these (I started with 39 photos, haha).
posted on 31 Aug 2008 at 11:54 (UTC)
This is amazing. I am totally memming this! The only reason I'm not switching is because I changed my layout recently.

*goes to check "new" layout*

PSHOF! I'm switching, fo' sho'.
posted on 31 Aug 2008 at 21:04 (UTC)
Thank you so much, I'm glad you like it! :D
posted on 31 Aug 2008 at 12:26 (UTC)
omg this is perfect. Using and adding to memories, thank you!
posted on 31 Aug 2008 at 21:07 (UTC)
Thanks, I'm glad you like it! :)
posted on 31 Aug 2008 at 13:32 (UTC)
oh dear,they look amazing.
both white and black.
You really are a super talented girl,did you know?
<3
posted on 31 Aug 2008 at 21:10 (UTC)
Thank you! <3
Oh bb, I wish. Before posting I always go from being nervous to "Noone's going to like it, what was I thinking?". I really hope that with practice I'll be better at this.
posted on 31 Aug 2008 at 13:48 (UTC)
Well this kicks ass! Used
posted on 31 Aug 2008 at 21:11 (UTC)
Thank you!
posted on 31 Aug 2008 at 21:19 (UTC)
lovely! i'm using the dark version right now.
posted on 1 Sep 2008 at 9:42 (UTC)
Thank you!
posted on 2 Sep 2008 at 7:14 (UTC)
Beautiful and amazing~~~
I think I'm going to use this. :)
posted on 2 Sep 2008 at 10:38 (UTC)
Thank you very much. :)
posted on 2 Sep 2008 at 10:42 (UTC)
Wow :D it's very beautiful, I'm gonna use it :) I'll credit n.n
Thanks!
posted on 2 Sep 2008 at 14:11 (UTC)
Thank you, I'm glad you like it. :)
posted on 2 Sep 2008 at 17:10 (UTC)
Amazing job. (:
posted on 2 Sep 2008 at 18:40 (UTC)
Thank you. :D

I was stupid and didn't include something in the installation steps. I looked at your journal and saw that your userpics overlap the entry dates and subjects. Here at Presentation if you choose "Right side of the entry text" at "Userinfo Position in Entries", it'll look okay. Sorry about this! *goes to edit post*
posted on 5 Sep 2008 at 1:43 (UTC)
Fantastic! I love it, and the headers are so very pretty :)
posted on 5 Sep 2008 at 18:42 (UTC)
:D! I'm glad, thank you very much!
posted on 6 Sep 2008 at 22:17 (UTC)
Oh, I loved your layouts!
Not just these ones.
Congratulations!
posted on 6 Sep 2008 at 22:22 (UTC)
Thank you very much!
Page 1 of 4
<<[1] [2] [3] [4] >>
This page was loaded Nov 19th 2018, 1:45 pm GMT.