Log in

06 November 2016 @ 05:06 pm
Layout: Lost in Translation  
OK, so this is supposed to be penderies' layout request, who wanted a "nature-y minimalistic theme". (Hope you like it!) "Lost in Translation" is inspired by one of sireesanwar's latest layouts, Oasis. Yep, I really really liked it.
With this layout, I've experimented new CSS techniques: the navigation is actually hidden under the LJ control strip and will only appear when scrolling the page down. The link list trick was the most difficult one to pull off. You don't have to enable it if you don't want to though.

PS: the second version of this layout is actually meant for you, wilding.

010 - Preview

010. Layout - Lost in Translation
↳ Live [ 1 / 2 ] ▪ Code [ 1 / 2 ]

S2 Flexible Squares.
Basic, plus and paid.
Best view with Firefox.
Custom comment pages, navigation and sidebar.
Title, entry date, mood themes and everything in the sidebar except for the blurb and the link list.

「 Select Journal Style 」

Apply any S2 Flexible Squares layout (except Circular and Circular Brown).

Scroll down to Choose a Page Setup: set the ads to horizontal or between entries, and select 2 Column (sidebar on left).

「 Text 」

Under Navigation, replace the Recent Entries text with Recent only.

「 Sidebar 」

Choose the following ordering: Default Userpic, Blurb, Link List.

「 Custom CSS 」

Set all drop-down boxes to NO and paste the code. Save changes.

「 Replace the Sidebar Picture 」

In the Global section, find this:

Replace the current URL with your picture URL. The recommended picture size is 1280x1920px.

「 Replace the Link List 」

If you want the links in the sidebar's link list to show up as in the preview, replace each of your links' text with I., II., III., etc.

Paste this code at the end of the CSS stylesheet:

Replace ? with the number of your link (1, 2, 3, etc.), and instead of Text, enter the text as you want it to appear when hovering the link.

「 Credit & Comment 」 Credit is nice; please link back to revolumna.
Don't redistribute or claim as your own.
Comments aren't required, but are appreciated!
「 Resources 」 Preview icons from recycle.
Current Mood: bored
Current Music: BTS - Blood Sweat and Tears
R.: with the twilight but no flame burnspenderies on November 6th, 2016 04:32 pm (UTC)
HOLY CRAP SO BEAUTIFUL! Putting it in now ^_^
ニン: Nishinoya Yuuneen on November 6th, 2016 04:54 pm (UTC)
THANK YOU! (#゚ロ゚#) I'm really glad you like it.
I actually changed the sidebar picture several times because I couldn't make up my mind. Feel free to change it if you want.
R.: with the twilight but no flame burnspenderies on November 6th, 2016 05:00 pm (UTC)
NO IT'S PERFECTION! I already changed my layout ^_^
ニンneen on November 6th, 2016 09:07 pm (UTC)
Thank you for using it. ♥
ihsarafesihsarafes on November 6th, 2016 06:44 pm (UTC)
Will you ever NOT amaze me with your layouts??? Lovely as always! ♥
ニン: Bokuto Kōtarōneen on November 6th, 2016 09:09 pm (UTC)
OMG, I'm blushing so hard right now. Thank you for always dropping by! ♥
riotpunkdanceriotpunkdance on November 6th, 2016 08:22 pm (UTC)
This is gorgeous!! Memming!
ニン: Iwaizumi Hajimeneen on November 6th, 2016 09:11 pm (UTC)
Thank you, thank you! (/^▽^)/
Christina: me- dichen- gonna turn oystersfly_meaway on November 6th, 2016 09:14 pm (UTC)
That layout is gorgeous. I'm definitely going to put this post in my favourites as I may come back to use it one day. It looks so pretty. Thank you for sharing!
ニン: Kozume Kenmaneen on November 7th, 2016 02:20 pm (UTC)
Thank YOU for the positive feedback! (^∇^)
kate: wendy's hair ♕wildling on November 6th, 2016 09:46 pm (UTC)
oh my gosh! i love both versions! i know one is specifically for me but i might just end up alternating, anyway: both are so beautiful *_*

thank you ♥
ニン: Kuroo Tetsurōneen on November 7th, 2016 02:15 pm (UTC)
Well, that's unexpected. (*・∀-)☆ But I'm glad you like both versions. Thank you!
Sofiatturners on November 8th, 2016 04:01 pm (UTC)
This is absolutely gorgeous, thanks for sharing! :D
ニン: Tsukishima Keineen on November 9th, 2016 04:01 pm (UTC)
Thank you very much. ♥
juneghost on November 19th, 2016 12:51 am (UTC)
I will use this! Just a one question: How I add custom moodtheme for this? and what size this http://i.imgur.com/WGtKFYJ.gif sidebar gif have to be?

And I'm very sorry that I was bothered to you.

Edited at 2016-11-19 02:54 am (UTC)
ニン: Kageyama Tobioneen on November 19th, 2016 01:53 pm (UTC)
Thank you for using it!

I do not recommend using a custom mood theme with this layout, that's why I've disabled this option. But if you really want it, you'll need to find this bit of code in the CSS stylesheet (it's in the "Date, Subject, Currents" section):
.meta-mood-img {
    display: none;
Replace display: none; with margin-right: 2px; and it should do the trick!

I'm not sure I understand your question.
(1) Do you want to use this picture as a full sidebar picture? In that case, your picture isn't big enough. The recommended picture size is actually 1280x1920px, so that it can fit most screen resolutions.
(2) Or, do you want to use this picture in the sidebar's blurb? In that case, there is no problem. The picture height doesn't matter, but its width shouldn't exceed 210px.

Edited at 2016-11-19 01:55 pm (UTC)
juneghost on November 21st, 2016 03:20 am (UTC)
thank you for help! it looks gorgeous! :)
juneghost on November 21st, 2016 03:45 am (UTC)
what do you think about it? :)
ニンneen on November 21st, 2016 10:37 am (UTC)
It looks good to me. :)
stoic kendamananalane on January 3rd, 2017 03:25 pm (UTC)
This is beautiful & I've used it for my latest layout :D
ニンneen on January 9th, 2017 04:29 pm (UTC)
Thank you for both liking it and using it. ♥
crouchingbarty: bfqoty - goth detectivescrouchingbarty on January 9th, 2017 04:13 pm (UTC)
I LOVE this theme! It's absolutely stunning.
ニン: Bokuto Kōtarōneen on January 9th, 2017 04:28 pm (UTC)
Thank you! (^∇^) Also, thank you for using it.