magnusthemes

[magnusthemes]

theme 91 / preview - code

contained theme with custom post and font size, unnested captions and a lot of colour options. dashboard-inspired post styling with full npf support.

left sidebar with a small profile with icon (60x60), basic links with two extra links and reminders section. right sidebar with two images (255x150 and 140x150), statistics, two highlighted tags and description. topbar with title and four extra links.

read my terms of use. please reblog if you plan on using!

[magnusthemes]

always.

[magnusthemes]

☁ beryl (collection page).

Links: preview | install

Beryl is a grid-based page that neatly displays your collection — of fics, books, movies, muses, portfolio works, or anything you'd like to show the world. Sticky section titles and graphics remain in view so you never lose track of your progress.

Features: no javascript, neat sections, sticky section titles, sticky navigation, header, item quote blocks, item ratings with custom symbols

Credits: preview header image by yamasa-n (unsplash)

[magnusthemes]

Theme [40]: Web Zero by glenthemes

💾 ── preview / code / guide / credits 。

APRIL FOOLS’ 〜 you've fallen through a wormhole into the early 2010s! 👹 “my child is fine” your child is still running their tumblr blog from middle school!

💾 ── theme features ‣

top bar: css striped pattern (diagonal 1, diagonal 2, vertical, or horizontal) ✦ repeating lace pattern (image)

blinkies wall: up to 20 blinkies! auto arranged in a grid! draggable!

posts: 300px–700px ✦ vintage stamp-style borders ✦ optional black-and-white filter ✦ choose between old blockquote captions or modern dashboard captions ✦ legacy & NPF compatible

sidebar: 200px–350px ✦ customizable tape image! optional texture! ✦ stencil-style spray paints on corners ✦ shadow/offset frame ✦ custom title & description ✦ up to 6 custom links

corner image: 100px–400px ✦ choose whichever corner of your screen ✦ options to move it up/down/left/right!

music player: up to 10 songs ✦ inspired by Wikplayer and SCMPlayer ✦ fully functional: play/pause, previous/next, shuffle, interactive bar, toggle view full playlist

💾 ── how to edit this theme ‣

Please read the guide I put together! ᕙ(ಠ∀ಠ)ᕗ

💾 ── terms of use / ask a question / tip jar ☕

[magnusthemes]

magnusthemes and it's completely different but also still magnusthemes

[magnusthemes]

hop by wordbite

a responsive, single column, desktop-inspired theme! features custom fonts, icons, colours & post sizing / spacing. fully npf supported!

preview / code

[magnusthemes]

So this evening I've been working on a way to make it easier to add filters to blog pages without JS. This is mainly an alternative to isotope, commonly used in icon, media, downloads, and portfolio pages. CSS only solutions, especially like this, can be intimidating to look at even if you're not new to CSS.

I'm hoping this will take care of the bulk of the work/the more complicated parts so that you can make more complex custom pages without the user having to wait for permission to use JS.

Here's a simple example with just display: none added to the CSS

And on my preview page, I've used the same code and added multiple filter groups and some CSS animations.

If you are familiar enough with HTML and CSS, you can try out what I currently have, but keep in mind you will still need to write most of the HTML and CSS yourself. I want to make a more detailed guide so that it's easier to use soon!

[magnusthemes]

Theme -  Lunar; [preview] [code] [magnusthemes] [buy me a coffee?]

Fun and flexible full-height sidebar theme.

Features:

Full support for NPF posts

Theme is responsive!

Like/reblog buttons

Custom post size from 250px to 540px

Theme changes depending on your color scheme choices

Posts options: Infinite scroll, manual load or pagination

Sidebar options: Thin/full width, background repeat/stretch/hidden, image, border radius

Notes:

Built with JSON - thanks to @eggdesign's base code!

Theme appearance is controlled by changing the accent colors (Accent, Accent Alt, Accent Change)

To use the minimal mode, set the posts, borders and background all to be the same color.

To insert links into the menu, simply create a page and check “show a link to this page”.

Please turn off the default mobile theme in Advanced Options if you want to use the mobile version!

Icons cheatsheet: here

Full list of credits: here

Please like and/or reblog this post if you use or plan or using this theme, and consider buying a coffee to support me! Thank you c:

[magnusthemes]

so life update i presented at some conference in salt lake city over thanksgiving break and absolutely bullied tf out of my PI so in retaliation he said hey while you cook up some new ideas for your next research why not you not only help completely redo the lab website but also completely redo the website for our machine learning data repo

now fast forward a few weeks i am now back in sg on vacation and my PI is still none the wiser about where my web design magic coding skills came from aka magnusthemes but if anyone wonders where i've been for the past few months when i promised new themes this is the answer

[magnusthemes]

◍ helium theme.

Links: previews [ jinx / vi ] | install | features

Helium features border and line elements to tie the entire theme together. Despite a minimal design, there are many style options to personalise it to your liking.

Features: 400/500/700px post sizes, sticky source/like/reblog buttons per post, searchbar, up to 3 icon links + unlimited page links, circle/square sidebar image, optional decorative elements, different permalink date & note styles

Credits: cappuccicons, feather icons, dencar icons, NPF images fix v3.0,  NPF audio player, photosets.css, customaudio.js, Style-my-Tooltips, Truncate note counts

[magnusthemes]

deja vu by wordbite

a responsive, single column theme! includes option for left or right sidebar & customisable colours. fully npf supported!

preview / code

[magnusthemes]

Sunset over the stars - Submitted by nnaynaee

#1F767F #3A9296 #B9C4B3 #EAC5AA #E1672B

[magnusthemes]

Theme -  ΔFulminata; [preview] [code] [magnusthemes]

Refreshed version of Fulminata. A simple and clean theme. (Updated)

Features:

Like/reblog buttons

Custom post size from 250px to 540px

Custom photoset gutter from 1px to 10px

Option to hide tags on index page

Optional infinite scroll with optional manual load mode

[NEW] Fully NPF-supported

[NEW] Responsive layout

[NEW] Option to turn off left panel

[NEW] Option to use minimal image-less layout

Notes:

Sidebar image is a 100px square image, it will resize automatically.

This theme has no background image option. Do not ask me to add it.

To insert links, simply create a page and check “show a link to this page”.

To use the mobile layout, go to Advanced Options and turn off “use default mobile theme”.

Please like and/or reblog this post if you use or plan or using this theme, or just if you like it (: Thank you for your support!

[magnusthemes]

◍ magnesium theme.

Links: preview | install | features

Sodium is a fansite-like theme with extra sections for your description, featured blogs/tags, progress trackers for projects and media, and updates. Alternate header and permalink styles help to change the entire vibe of your blog.

Features: header theme, floaty elements, sidebar sections (description + featured + progress bars + updates + navigation), searchbar, 250/400/500px posts, styled search & tag pages

Credits: cappuccicons, feather icons, NPF images fix v3.0, NPF audio player, photosets.css, customaudio.js, Style-my-Tooltips, Truncate note counts

[magnusthemes]

sirius

a responsive theme with sidebar and support for npf posts.

preview and install / preview + code

features:

responsive.

support for npf posts.

450px, 500px, 540px and 600px post widths.

optional: update and menu tabs, toggle tags, sidebar icon and image, dark mode.

custom sidebar description.

notes:

by leaving "custom description" blank, the original blog description will automatically appear (for this to work, the show description option must be turned on).

the search bar will not appear if the "hide from search" option is checked.

tf you leave the "update text", "currently…" and "link title" fields blank, the space allocated for them will not appear.

sidebar image credits | sidebar icon credits | full credits

[magnusthemes]

◍ sodium theme.

Links: previews [ sdm / soi ] | install | features

Sodium is a fansite-like theme with extra sections for your description, featured blogs/tags, progress trackers for projects and media, and updates. Alternate header and permalink styles help to change the entire vibe of your blog.

Features: header theme, floaty elements, sidebar sections (description + featured + progress bars + updates + navigation), searchbar, 250/400/500px posts, styled search & tag pages

Credits: cappuccicons, feather icons, iconsax icons, NPF images fix v3.0,   Griddery v2.0, photosets.css, customaudio.js, Style-my-Tooltips, Truncate note counts

[magnusthemes]

[BETA] PAGE THEME : SOMA

⚠️ EXPERIMENTAL ⚠️ JANKY AS HELL! Simple character page theme using Tumblr posts as content based on a tag. Full instructions on GitHub and under the read more.

↳ [GITHUB] [PREVIEW]

Features:

Unlimited characters

Filter navigation

Using Tumblr posts to fill the page via post2page.

Uses:

Tumblr v1 API

Handlebars.js

Isotope.js

@magnusthemes combofilters

Edit and customise to your liking. Don’t repost/redistribute and/or claim it as your own. Do not use as a base code. Leave the credit, thank you.

As always, explanations under the read more. If you are having issues, take a look at this themes FAQ, or my general FAQ. Please note that this is an experiment for lazy people. Not finding anything? Send me a message. Please report any bugs to me.

HOW TO USE

This page theme pulls information from your Tumblr tagged posts and fills out the character card with it. This relies on specific post formatting.

Here's everything you need to get started:

Tumblr's v1 API JSON output to a whole blog or specific tag on the blog (e.g. https://soma-preview.tumblr.com/api/read/json?&tagged=soma page cards)

Some Tumblr posts

Get Tumblr's v1 API JSON output

Replace [BLOGNAME] with your blog name. And [YOUR TAGS] with your tag. If your tag has spaces, add the spaces. Place one of the following scripts before closing </head> tag.

For a whole blog:

<script src="https://[BLOGNAME].tumblr.com/api/read/json"></script>

For specific tagged posts on the blog:

<script src="https://[BLOGNAME].tumblr.com/api/read/json?&tagged=[YOUR TAGS]"></script>

Post Formatting

This only works with posts made with the new editor. This will not work with legacy posts!

For this page to work, it's neccessary to follow a specific post formatting. Right now, the script supports the following:

Image: The first image in a post. {{this.img}}

Blockquote ("Subtitle"): The first blockquote block in a post. {{this.subtitle}}

Table: Using the chat block, you can add as many details as you want. In your template, these details use their "key" (the text before the colon) with any spaces removed {{this.[WHATEVERYOUENTERED]}}. The text after the colon must be italics.

Paragraph: The paragraph immediately after the chat block (MAKE THIS THE FIRST?) {{this.description}}

Link: The first link in a post. {{this.link}}

Tags: Any tags added to the post. {{this.tags}}

Example Tumblr post: https://soma-preview.tumblr.com/post/724075330107785216/love-is-careless-love-is-blind-title

If you want to build your own card template, please read the full READ MORE on GitHub.