lina_trinch: (birdie)
𝔦𝔱'𝔰-𝔞 𝔪𝔢 🌠 ([personal profile] lina_trinch) wrote in [community profile] killthecake2020-06-20 12:53 pm
Entry tags:

[4] Just Entry Headers Layout




❖ 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)



Post a comment in response:

If you don't have an account you can create one now.
HTML doesn't work in the subject.
More info about formatting

If you are unable to use this captcha for any reason, please contact us by email at support@dreamwidth.org