?

Log in

No account? Create an account
REN/HEI OTP
Layout #2 
posted on 23 Jun 2008 at 22:32
bn


Soo, second layout, this time a wide one. Still Smooth Sailing, still simple style.




INFO
  • Style: S2 - Smooth Sailing
  • For free, paid, plus accounts (works well when the ads are between entries.)
  • Best viewed at 1024*768 or higher
  • Was tested in Firefox and IE (it works better with Firefox)


INSTALLING THE LAYOUT
1. Go to LJ's customize page. Type 'Smooth Sailing' in the search box, hit enter, then apply one of the available themes with the 2 Column (sidebar on right) page setup. (screencap)

2. Go to the Theme customization page and choose these settings at Presentation:
  • Userinfo Position in Entries: Left side of the entry text (this is important)
  • Username position in entries: Below usericons
  • Wrap entry text under userinfo: Yes (really important!)
  • MetaData Position: Below entry text
  • Entry Tags Position: With Metadata (mood, music)
  • Linkbar Alignment in Entries: Align Right
  • Linkbar Alignment in Comments: Align Right
Hit 'Save Changes'.

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


THE CODE

These are the images I used for the layout: blockquote background, lj user tiny icon, lj comm tiny icon. Please upload them to your own server.


RULES!
1. Credit me. Also, don't repost the codes as your own.
2. You can make as many changes as you want (but still credit me for the original code, please). If you want to change something but don't know how, I'll try to help, just ask.
3. Enjoy! :)

Comments 
posted on 24 Jun 2008 at 3:21 (UTC)
First of all, I love this layout :)

Secondly, the links for going back to previous entries (at the bottom of the page) can't be seen. I'm not sure what to change to get the words to appear in white. I tried changing #footer menu etc. but nothing seems to work. Help?

Edited at 2008-06-24 03:22 am (UTC)
posted on 24 Jun 2008 at 8:25 (UTC)
Thank you! :)

In the code #footer menu sets the font type and size, but .bodynavblock sets the link color, that's still visible in your CSS, and the links are still in their places, too, so we're gonna try something else. I haven't seen this problem yet, so I played around with my journal settings and I can't see those links if nothing is written at the Menu page in the "Text used to link to the Previous Recent/Friends page" and "Text used to link to the Next Recent/Friends page" boxes (under "Navigation"), and at the Page text page in the "Text for lower navigation bar to link to the Top of the Page" box. Are those boxes blank for you? Maybe that's the problem.
posted on 24 Jun 2008 at 3:29 (UTC)
Can a header be added to this layout?
posted on 24 Jun 2008 at 8:55 (UTC)
Hmm, I didn't really think about it, but I can see two way to do that. The first one is to paste your header pic's url to .pageheaderblock and give that part a background color, so it will be similar to this. The other one is to make the header menu the same width as the main content, remove the journal title/journal subtitle part and their background, and put the header pic in their place above the header menu (like this). Let me know if you like one of those versions, and I'm gonna write the code. :)
posted on 24 Jun 2008 at 7:44 (UTC)
Still Smooth Sailing, still simple style

that's how i like it lol. really cool. if you make layouts for flexible squares, i might use them.
posted on 24 Jun 2008 at 9:12 (UTC)
Haha, thank you. I think it's time to use more colors, eh?

Oooh, but Smooth Sailing is preeetty, and its entry linkbar is better >:) (plus I can't even remember the last time I made a FS layout). But hey, let me know if you like a layout, and I'm gonna try that in Flexisquares, too. :)
posted on 1 Jul 2008 at 4:09 (UTC) - hi there....
How do I get my LJ to look just like the live preview example? Right now there are more stuff beneathe my entried compares to the live preview. And also, the width of the entries are wider than the one shown in the live preview. Please help. :(
posted on 1 Jul 2008 at 9:33 (UTC) - Re: hi there....
Hi! Uh, I don't know about your first problem, because your layout looks okay to me? Could you be a bit more specific about it?

The answer to your second question: this is a wide layout, it takes up most of the screen (I resized the preview, so it will load faster). If you want narrower entries, replace your whole ".bodyblock" part (under BASICS) in the CSS with this:

.bodyblock {
margin-top: 30px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: ;
}

"width" will set that how wide your layout is. For example you can write either "width: 800px;" or "width: 70%;" (change the numbers to what you'd like). If it's in pixels, your layout width will be fixed, if it's in percentage, the width will be fluid (it will adjust to everyone's screen resolution who watches your journal). I hope this helps, feel free to ask more questions if the layout still looks wrong.
posted on 26 Jul 2008 at 1:05 (UTC)
I really like this! Using, ty :)
posted on 26 Jul 2008 at 9:29 (UTC)
Thanks! :)
posted on 13 Aug 2008 at 6:48 (UTC)
Hi! I just noticed that the subject of the entries somehow disappeared on the entry page itself? I have no idea if I disabled something or if it's in the code itself...

Thank you, and sorry for the trouble. ^^;;
posted on 13 Aug 2008 at 8:03 (UTC)
Hi! Okay, well, it's early, I haven't had coffee yet, so I'm still a bit slow. :) I see your entrysubjects. Do you mean the Welcome Note? If so, you can add your title here as well.

I just discovered this option a few weeks ago, and didn't put a code for it in the CSS, because noone seemed to use it. But hey, you did! :) I wrote this, it should work (basically I just gave the Welcome Note subject the same look as the entry subjects, and took out the big left padding). Paste this somewhere in your CSS:

div#welcomenoteHolder.entryHolder {
}

div#welcomenoteHeader.entryHeader {
}

div#welcomenoteSubject.entrySubject {
font-family: "Arial", sans-serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
color: #bfbfbf;
margin: 0 0 0 -135px;
}

div#welcomenoteText.entryText {
margin: 0 0 0 -135px;
}

Wow, I don't know if I answered you question. *facepalm* Feel free to ask more if something still looks off. :)
posted on 27 Aug 2008 at 15:14 (UTC)
using & crediting! this is really lovely!
also thanks a lot for explaining how to add a header a few comments above! :D
posted on 27 Aug 2008 at 18:27 (UTC)
Thank you!

You're very welcome, I'm glad it helped! :D
posted on 29 Aug 2008 at 8:01 (UTC)
love this layout, using and crediting as well! may change a few colours.
posted on 29 Aug 2008 at 17:34 (UTC)
I'm glad, thank you! Sure, feel free to. :)
posted on 4 Sep 2008 at 21:00 (UTC)
I commented on a more recent layout, but I also decided I reeeeeeeeeeally liked this one so I'm currently using it. :D
The colors are awesome; I like grays.
posted on 4 Sep 2008 at 22:02 (UTC)
Yeah, I remember. :)

Oooh, I like your modifications! :D If Smooth Sailing had metadata and entrylinks like that by default, it'd be my dream theme.
(Deleted comment)
(Deleted comment)
posted on 29 Sep 2008 at 13:53 (UTC)
sweetie i'm taking this one to my community,ok?
^^
love you hon!
<333
posted on 29 Sep 2008 at 19:51 (UTC)
WHEE, OF COURSE! \o/

Love you, too! <3<3
(Deleted comment)
posted on 30 Oct 2008 at 14:34 (UTC)
Thank you! :)
posted on 6 Dec 2008 at 9:34 (UTC)
I love love love this layout. &hearts Thank you.
posted on 7 Dec 2008 at 12:28 (UTC)
I'm really glad! Thank you. ♥
posted on 10 Dec 2008 at 18:33 (UTC)
I really like this layout! I'm adding to mems <3 Thank you!
posted on 11 Dec 2008 at 21:30 (UTC)
Thank you, I'm glad you like it! :)
posted on 18 Feb 2009 at 6:12 (UTC)
I love this layout style, and I've decided to use it for my writing journal. Thanks a bunch!
posted on 13 Jul 2009 at 19:13 (UTC)
I spent seventeen hours looking for a layout that did not feature blue text or white on black. I wanted something clean and perfect -- and this is it. Thank you for creating this and answering all the questions in detail.
Page 1 of 2
<<[1] [2] >>
This page was loaded Nov 19th 2018, 1:45 pm GMT.