[4] Just Entry Headers Layout

[lina_trinch]

❖ Mobile friendly! ❖ Stylized control strip ❖ Tag & archive pages ❖ Navigation, links, and custom text modules ❖ Modules scroll out from the side on hover ❖ Intended to create a flat page with no scrolling ❖ Links change text/background/underline color on hover

code here!
temporary live-preview here!
imgur album preview here!

❖ This layout only features subject headers of entries and no content. It's intended to be a layout that entirely removes the need for a navigation entry/code. Of course, use it to the best of your potential and feel free to edit. I'd love to see what you do with it. ❖ Go to Select a New Theme and select Tabula Rasa, the Plain version. ❖ Copy and paste the code into the Use embedded CSS field under Custom CSS. ❖ At the top of the code, replace BACKGROUND_URL with the url of your chosen background image. I recommend something that's at least 1400px wide so it'll look okay on all devices. ❖ Under Choose Page Setup (at the bottom), select "1 Column (modules at bottom; no sidebar)," aka the first one. ❖ Make sure Use layout's stylesheet(s) is checked. In the Custom stylesheet URL field, paste in: https://fonts.googleapis.com/css2?family=Inconsolata:wght@300&display=swap ❖ OPTIONAL STYLE SUGGESTION. Go to the Text tab. Way at the bottom, remove the # symbol on the following options: • Text to show in a link to skip back through entries • Text to show in a link to skip forward through entries ❖ I know I chose like the worst background for the preview considering where the entries line up at but that's why I added that little hover effect. Not to mention, it shouldn't show up like that on smaller screens. I just didn't want to find another bg for Gambit again. #ebebeb rgba(0,0,0,0.0) rgba(0,0,0,0.2) rgba(0,0,0,0.6) rgba(0,0,0,0.8) rgba(0,0,0,0.9) rgba(0,0,0) rgba(235, 235, 235,0.4) rgba(235, 235, 235,0.7) rgba(235, 235, 235,0.9) rgba(255, 255, 255,0.9)

Comments

[hatejakku]

Haha, HI, you caught me at a good time! And yep! Go over here and put whatever number you like into that first option at the top, Number of journal entries to show on the Recent Entries page. It'll be the same number of entries every time you go to previous/next, too.

[dark_ages]

Yeah it's what i did but that annoying "previous 8" is there mkdlfgd. just was hoping there was some way around that. thank you regardless, it looks nice anyway!

[hatejakku]

No prob! But we can fix that, too. If you wanna get rid of it, there's a few parts in the code that says .bottomnav. Erase those bits and put in:

.bottomnav { display:none; }

Alternatively, if you just want it to say "previous," go over here, scroll to the bottom, and there'll be Text to show in a link to skip back through entries. The field probably says "previous #" so just get rid of the hashtag, same for "next." Of course, you can also put whatever you want it to say in there.

edit: also i just looked and i love it lol

[dark_ages]

YES FANTASTIC you are a STAR. I love it, thank you so much ♥ and yes, I think it looks pretty nice! :D

[hatejakku]

\o/ You're welcome!!