A minimalist, editorial "About Me" hub for urban explorers and digital curators.
Hello everyone! I am so happy to finally share a project I’ve been working on: Monograph. This isn't just a bio page; it’s a seamless, interactive archive designed to give your followers a deep dive into your world without ever leaving the page.
It was a labor of love to get that "no-refresh" feel just right, and I hope you love the clean, architectural vibe as much as I do!
LIVE PREVIEW // CODE
✨ Key Features:
Seamless Navigation: Switch between Home, Bio, FAQ, and Tags instantly. No loading screens, just pure CSS magic.
Vitals Sidebar: A dedicated spot for your current status, location, and mood.
Interactive FAQ: Sleek, accordion-style questions to keep things tidy.
Built-in Ask Box: Let your followers message you directly from the FAQ page.
"Cute" Tag Directory: Organized pill-shaped tags with a playful "pop" hover effect.
The Aesthetic: Subtle film grain texture, high-end editorial fonts, and a custom crosshair cursor for that precision-design feel.
🛠️ Quick Installation Guide
Create a Standard Page on your Tumblr.
Toggle to the HTML View (< >).
Paste the code and replace YOUR-USER-NAME (around line 186) with your actual handle so your Ask Box works!
🛠️ Customization Tutorial
If you’re new to coding, don't worry! Here is how to make Monograph your own:
1. Changing your Avatar & Title
Avatar: Look for line 145. Replace the URL inside src="..." with your own image link.
Title & Description: Around lines 146-147, you can change "monograph." and the "Architectural fragments..." text to your own blog name and bio.
2. Updating your "Vitals" (Status)
Scroll to the section (around line 149).
Change the text inside the tags to update your Status, Mood, and Coordinates.
3. Activating the Ask Box
Go to line 186.
Find YOUR-USER-NAME inside the iframe link and replace it with your actual Tumblr username.
Note: Ensure "Allow people to ask questions" is turned ON in your blog settings.
4. Setting up your Tags
Search for the sections (around line 197).
Change the /tagged/korea links to match your blog’s actual tags, and change the "Manila" text to the name you want displayed on the button.
This theme is free to use and customize! You are welcome to change the colors, fonts, and internal sections to fit your blog's aesthetic.
A Note on Originality: Because of the minimalist and editorial nature of this design, you may notice similarities to other theme pages in the community. However, these codes were built from the ground up by me with a lot of hardship and late-night trial and error. I’ve put a lot of heart into the specific logic and structure of this layout.
Credit: Please do not remove or hide the floating "W" signature in the top-left corner.
Support: If you use this theme, a reblog, a like or a shout-out would mean the world to me!
Do blogroll pages still exist? Anyways, this is a retro-themed blogroll page with a built-in space shooter game
Yeah I did it I put a mini space shooter game in a Tumblr page
To enable blogroll pages, make sure to turn on Following > Share the Tumblrs you're following in your blog settings
1 custom link
NOTES: Clearly, I got really extra with this. Code for space shooter game was ripped off of Andrew Rubin. As always, please reblog or like if you are using, and general theme rules apply. Thank you!
♦ Para el cuarto prompt del Codember 2021 (Coast) de @elalmacen-rp, una landing page con 3 tipos de módulos distintos: texto con imagen (2 variantes), estadísticas y miembros/personajes. Está inspirado en mis islas, y aprovecharé este espacio para pedir que si podéis, donéis mediante este link para ayudar a los afectados del volcán de La Palma, que sigue activo. ¡Gracias!
♦ No quites los créditos ni uses como base.
♦ Todos los colores, fuentes e imágenes son modificables. Si no sabéis cambiar algo, preguntadme por ask y os echaré una mano.
A quick heads up about this theme: it looks jumbled garbage in the customization window but it will look fine on the actual page.There are four spots for theme preview images that start blurry but clear up when you hover over them. Then, obviously the box for your theme rules. The “decline” goes to the dashboard right now but you can change it to wherever you want it to go. The preview images are 250x128. Don’t remove or change the credit. You can edit it for personal use only. Don’t redistribute or claim is as your own. Please LIKE or REBLOG if you use/like it. Feel free to message me if you have questions.
See the PREVIEW. Use the CODE. View my other THEMES.
