moribound: SOJUICE (12)
Minato "Actual Housecat" Arisato // 有里湊 ([personal profile] moribound) wrote in [community profile] aliahan2016-01-26 10:00 pm

Layout VII: Tokyo

Tokyo
Credit to: [personal profile] moribound @ [community profile] aliahan
Base style: Tabula Rasa
Best resolution: 1366 x 768, 800 x 600
Tested in: Google Chrome, Opera, Internet Explorer
Features: Navigation, tag list/cloud in topbar
Preview: [community profile] tedanki
If you like what you see, do consider watching the community.

Instructions:
1) Go to 'Organize' and select Customize Style.
2) After that, Select a Different Theme and select 'Tabula Rasa'. Pick the one that says 'Plain'.
3) Next, scroll down to 'Choose a Page Setup' and select 2 Columns (Sidebar on the right).
4) At the 'Presentation' tab, make sure your settings are as follows, underneath the 'Presentation' tab:
- Tags: List
- Place of icons in entries and comments: Left
-Entry management links/comment management links: Text-only
5) At the 'Modules' tab, make sure that your settings are as follows:
- Navigation: Main module section
- Custom text*/links/tags**: Secondary module section
* If you'd like to display a picture like in the preview, the image's dimensions should be 290px by 130px.
** You can select either list or cloud
6) Finally, at the Custom CSS section make sure 'Use layout's stylesheet(s)' is enabled and paste the code:

Tokyo
escaliers: by wistful_icons on LJ ([CCS] Princesses)

[personal profile] escaliers 2016-01-27 08:09 pm (UTC)(link)
I really like this one! Adding it to my memories.
holographica: ([misc] burd)

[personal profile] holographica 2016-04-30 04:23 pm (UTC)(link)
This layout is VERY COOL

I'm trying to ruthlessly mutilate it for a thing (not much CSS knowledge, mostly trial-and-erroring this) and I can't figure out why that ghost scrollbar is hanging out under the custom text/links box or how to get rid of it. Help!
dds_admin: (Default)

[personal profile] dds_admin 2016-05-01 02:39 am (UTC)(link)
I didn't, but now I do and the scrollbar is still there.

It was there before I started fucking around with the CSS, too, so I don't think any of my code-torturing caused it. (At that point it was hanging over the test post because the top bar modules were all in their original positions; I left the entries where they were after messing with the nav and secondary bars so it would be more visible.)
kishin: (Default)

[personal profile] kishin 2016-07-04 06:15 pm (UTC)(link)
The third module is still there, it has "OOC" as the heading if you inspect it in Chrome/Firefox. :|a So that's what the scrollbar is. The question is why it's still showing up if it's disabled.

Quick and dirty CSS fix for ~modern browsers~ (e.g., IE8+):

.module-section-two .module:nth-child(3){
display:none;
}


This specifically disables the third module, and it's pretty hack-y. Better to figure out why your second "typelist" module is still showing up, as it's probably a fiddly option somewhere in the customize-settings. But this would solve your problem for the moment.
teamgilf: (Default)

[personal profile] teamgilf 2016-12-19 05:17 am (UTC)(link)
Hey there! I'm trying to use this layout on this journal here, and I have a couple of questions.

1) I can't for the life of me find out where exactly I put the image url for the image that goes where the "Tokyo" image goes in the example. Or, how to put it in. One or the other.

2) How can I make the entry text and cut-tag text be black instead of light gray?

3) I'd also like to make everything be a little wider. Like, the top nav bar and the second module with the tags/image as well as the entries. All of them around 800/850 would be ideal. If that's possible.

Here's my code I'm using.

Sorry for all the questions! I love the layout, and I'm really excited to use it for this journal. Thank you in advance for your help!!