#tumblr theme code

[fandomtags]

can you make a stardew valley one?

Stardew Valley fandom tag !

Live exampled at my blog - https://fandomtags.tumblr.com/

Commissions are open! Send me an ask.

Code is below -

Put this in the .css section .fandomtag1 { position: fixed; top: -20px; z-index:999; left: 20px; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; } .fandomtag1:hover { position: fixed; top: 0px; left: 20px; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; }

Put this in the html section <div class=“fandomtag1”> <a href=“https://fandomtags.tumblr.com/”> <img src=“https://64.media.tumblr.com/1a62c13ed5002084a22d0567964fb183/0e1bc854d799c145-83/s100x200/756c07d56fdb431d230fca127f950fd958fd8bca.pnj”> </a> </div>

[xuethms]

◍ 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

[phantomcodes]

poppy | theme by sage

get the code: static preview v1 / preview v2 header theme with a sticky headerbar

features (more info below the cut):

toggle: tags on click, updates tab, explore menu

responsive headerbox includes an uploadable image, custom title & description, and up to 5 info stats

sticky headerbar includes home/ask/archive & up to 3 extra links, updates, explore button or search bar, and day/night button

updates tab includes up to 5 updates with an icon & text

explore menu includes about text, up to 3 skills, up to 4 blogs, and up to 8 extra links, and a search bar

customizable: title, colors, body & title fonts, and font size

npf supported, responsive design, 3 post width options, 4 corner options, scroll to top, tabler icons

nothing needs to be changed in the code, everything can be changed in the customize panel!

terms:

reblog if using

do not touch the credit

all terms / faq

credits listed in the code / credits page

please consider tipping or supporting me ♡

blog name !! important

make sure you fill out the blog name field, this is what will show on the top of all your original posts. to clarify: your blog name is your blog’s url - for example: phantomcodes

custom title

similar to the blog name, your custom title will show on the header, i recommend not making this too long

headerbox

uploadable image - this will default to your icon if nothing is uploaded

up to 5 info stats each with an icon & text - if you don't want the info stats leave the info 1 field blank

updates tab

the updates tab is toggleable, it has up to 5 updates each with an icon & text

explore menu

the explore menu is toggleable and has:

about text: this is can be as long as you want! it will scroll

(optional) skills section: up to 3 - you can use this for statuses, projects, progress, etc. leave the explore skill 1 field blank if you don’t want this section

(optional) blogs section: up to 4 blogs - leave the explore blog 1 field blank if you don’t want this section

(optional) links section: up to 8 links - leave the explore link 1 field blank if you don’t want this section

reminders

remember tumblr’s customize panel is buggy, make sure to toggle all the options on/off before saving

i’m still on a sort of semi-hiatus, i’ll be around for questions but please check my faq, answered asks, etc. before asking - i will not answer repeat questions!

[sheathemes]

[2] Beast by sheathemes

preview | code

Features

full support for NPF posts

responsive to all screen sizes

post sizes between 350px - 640px

unlimited amount of custom links

like and reblog buttons

Optional

right/left sidebar position or sidebar as a header option

sidebar image

tags on all display or by toggle

custom links

dark mode

search bar

Important

full credits are here

sidebar image is 120px x 120px

you will use google fonts to change the main font. Search for the font of your choosing and copy/paste the title of said font into the appropriate text field

[pouthongwon]

jaehuin: a character page with modals and tabs by pouthongwon

preview / code

features - dark/light mode. just press on the toggle to switch between them - four standard links (home, ask, archive, and dashboard), plus five custom links in an extra sidebar - a modal for each character with three tabs containing a character's biography, relationships, and works they're in

note: there are comments in the code with instructions on how to enable javascript. alongside my usual credits.

[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:

[mournstera]

Dusty— a responsive, single-column theme

This is a Tumblr theme with two sidebars that can switch places. Optional dark mode and search bar included. Full support of npf posts.

Options like custom post width + sidebar width, custom title + description box, font size and font-families and custom links. Featured tags section. A choice between sharp or rounded corners and the ability to switch out certain icons as you like.

Static previews:

Preview 1

Preview 2

Preview permalink

Download code: GitHub

Theme guide - click to browse all the features and/or read a thorough guide to this theme.

[justpeachydesigns]

JPD - Portfolio [ Preview ] + [ Code ]

here is a free portfolio page! It does have javascript in the code though, however, so it's better suited on a sideblog as the main theme, unless you contact tumblr support and get approval for the javascript on a page attached to your main blog. [ here is how to do it from @glenthemes ]

Header Image: 1200 x 600 About Image: 200 x 200 Portfolio Images: 160 x 90 ( if it's bigger or smaller it'll cover to fit the set size of 160x90 ).

credits here

this is where you'll change all of the colors and the header image. everything else is done in the code. I have commented things, but you still might need some html knowledge to be able to change some things. But you're also welcome to ask me any questions you might have.

these are all of the accent colors including the footer accent color. a3 and a5 look very similar, but they're different, I promise lol I'm giving you this guide so that you know what color changes what in the root styles.

[satelitefire]

Noelle, noelle

[fandomtags]

Pink one direction fandom tag !

Live exampled at my blog - https://fandomtags.tumblr.com/

Commissions are open! Send me an ask.

Code is below -

Put this in the .css section

.fandomtag1 { position: fixed; top: -20px; left: 20px; z-index:999; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; } .fandomtag1:hover { position: fixed; top: 0px; left: 20px; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; }

Put this in the html section

<div class="fandomtag1"> <a href="https://fandomtags.tumblr.com/"> <img src="https://64.media.tumblr.com/c75125aba345bd7f0848bb9c125191b6/75726ae046ab5d47-03/s100x200/0dfd7697e0d8d4c07c08162d45ece4f776e47d68.pnj"> </a> </div>

[tanaka-drew]

theme - don't call tonight: preview/code (ko-fi, free)

features: 852x300px header image, 150x150px sidebar image, main blog title, blog title, three custom links, 500px text posts

notes: a neospring-inspired theme. npf posts friendly! ask and submit button will automatically show if allowed (please check your settings). credits link to the resources, tutorials and scripts used to make this theme possible is found on the bottom right corner of the theme. become a subscriber on patreon?

[xuethms]

◍ magnesium theme.

Links: preview | install | features

Magnesium is a theme for the lovers of angled corners, blocky styles, and neatly constructed layouts; plus a flashy sidebar design.

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

[phantomcodes]

laura | theme by sage

get the code: static preview // (temp) preview @tina-snow a sidebar theme with sticky reblog & like buttons

features (more info below the cut):

toggle: tags on click, explore tab, sidebar stats, updates

leftbar includes icon/follow button, home/ask/archive/extra links/updates, scroll to top

right sidebar includes an uploadable image, custom description, search bar, & optional sidebar stats

fixed day/night & tumblr controls buttons

customizable: blog title, description, colors, body & title fonts, and font size

leftbar has up to 4 links & the explore tab with up to 6 extra links

npf supported, responsive design, scroll to top, 4 corner options, tabler icons

nothing needs to be changed in the code, everything can be changed in the customize panel!

terms:

reblog if using

do not touch the credit

all terms / faq

credits listed in the code / credits page

please consider supporting me ♡

blog name !! important

make sure you fill out the blog name field, this is what will show on the top of all your original posts. to clarify: your blog name is your blog’s url - for example: phantomcodes

responsive sidebar

when the browser window gets too small the sidebar will disappear and become toggleable, the sidebar toggle button will appear on the top right side next to the day/night button

reminders

remember tumblr’s customize panel is buggy, you may have to toggle the options on/off before saving

i’m still on a sort of semi-hiatus, i’ll be around for questions but please check my faq, answered asks, etc. before asking - i will not answer repeated questions!

[softcodes]

champagne by @softcodes

preview / code

theme to match this project page on my main blog. so sorry to the anon who requested this forever ago!

single column header theme with six posts sizes, four custom links, custom title and description, updates tab, google fonts for main and title fonts. this theme uses phosphor icons, and you can find more icon options here.

pls let me know if you find any bugs! (haven't posted a theme in a while, so it's possible i missed something!) would appreciate a like/reblog if you use :)

[pouthongwon]

when i think of you by pouthongwon

a dual sidebar theme with a lot of customization

preview / code

features: - light/dark toggle - a choice between left or right sidebar - three standard links (home, ask, archive) as well as an extra one - six custom links - sidebar icon, sidebar image and title image - a choice between three widths for posts (450px, 500px, and 540px) - a choice between three margin sizes for posts (small, medium, and large) - a choice between four extra sidebar sizes (290px, 310px, 330px, and 350px) - a choice between three font sizes (0.9rem, 1rem, and 1.1rem) - custom title and description. if you have neither of these, they'll be replaced with your title and description - about modal with icon and header images. four statistics, along with a place to put a biography. and four customizable updates.

[wordbite]

dash by wordbite

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

preview / code