Tumblr Theme - Tumblr Posts - Page 3

theme twelve: anemone — spotify-inspired header theme for @codingcabin​’s new year, new theme challenge; featuring an optional music player and the colours #f1a5c0, #5ea, #facade, and #7ea as accents.

preview / code: pastebin, github

features and options:

header with an optional 125px x 125px profile image.

optional header background image (screen width x 225px. I recommend choosing an image no less than 1920px in width).

fade-in navigation bar on scroll with a back-to-top button.

optional music player with space for one song.

post sizes: 450px, 500px, 540px, 600px, 650px, 700px.

show/hide captions, show/hide tags, optional rounded corners, customizable post margins and photoset gutters, dropdown post info with via/source links.

up to four custom links in the header and an unlimited number of Tumblr pages.

ten body font options, font sizes from 12px to 18px, and all colours customizable.

responsive for all screen sizes and mobile devices.

notes:

your audio file must be in .mp3 format and you must host it on Google Drive or Dropbox.** read below the cut for instructions** on how to upload your audio file and use the music player.

tumblr’s customize page is very buggy and when you first install the theme, you have to toggle the toggle options on and off to get them to work properly.

song in preview is Lonesome Love by Mitski.

see full list of credits here.

Keep reading

theme eleven: rosemary — responsive and minimal sidebar or header theme with a slide-out navigation menu and a bunch of customization options.

previews: sidebar preview / header preview / live preview

install: theme garden / pastebin / github

features and options:

slide-out navigation menu with up to six custom links, an unlimited number of pages on your blog, and a search bar

 option to add a header/sidebar image, option to show blog icon, or option to show both

space for two optional statistics/updates in your header or sidebar

post sizes: 400px, 450px, 500px, 540px, 600px

lots of post styling options: centered or left-aligned text, two styles of post info (minimal with icons only or with icons and text), show or hide date, show/hide/hover tags, show or hide captions, customizable post margins

font sizes from 12px to 18px, eleven body font options, and four title font options. all colours are customizable.

responsive for all screen sizes and mobile devices.

notes:

the icons in your blog stats are from Feathericons.com; to change them, go to the site, find the name of the new icon you want, and add the new icon name into the slot in the customization panel.

tumblr’s customize page is very buggy and when you first install the theme, you have to toggle the options on and off to get them to work properly.

see full list of credits here.

theme ten: nightshade — fansite theme with two sidebars and a ton of customization options. can be easily edited for other non-fansite uses. please read through the customization guide when customizing the theme.

previews: preview one, preview two / code: pastebin, github

features and options:

header image that can be full-screen or have a fixed width, with space for an optional title overlay.

optional bar with your username, icon, and search bar.

the sidebar has eight sections with space for your description, navigation links, updates, projects, blog members, affiliates, statistics, and blog status. you can choose to show or hide each individual section through the customization panel, depending on what kind of content you want to display.

up to four custom links in the fixed navigation bar at the top of the screen and up to eight custom links in the sidebar. 

post sizes: 400px, 450px, 500px, 540px.

lots of post styling options: option for tags and reblog info on click, optional copy link to post button, adjustable post margins and photoset gutter, six body font and six title fonts, font sizes from 12px to 18px.

footer with space for a disclaimer and social media links

notes:

you must manually input most of the sidebar content in the HTML. the customization guide will explain how to do so, but this theme is intended for those who know basic HTML syntax. please read through the guide! i won’t answer questions covered by the guide.

tumblr’s customize page is very buggy and when you first install the theme, you have to toggle the options on and off to get them to work properly. 

full list of credits here.

page three: tansy — a responsive tabbed works in progress/fanfic page as requested by an anon a few months ago.

preview / code: pastebin, github

features:

unlimited number of tabs: you can add as many works as you want.

each tab has a 400px x 600px cover image. whatever image you add will resize to fit the dimensions.

space for details, summary, tropes, links, characters, important relationships, and a quote.

css variables for easier customization.

credits:

tabs adapted from this stackoverflow thread

feather icons by Cole Bemis

tippy.js tooltips by atomiks

character icons in preview by herbologies

notes on customization are included in the code, but basic html knowledge will go a long way towards helping you customize this.

theme eight: dahlia — twitter-inspired theme, as requested by an anon, with an optional popup that can be fully edited from the customization panel. (updated may 5, 2020)

preview / code: pastebin, github

features and options:

optional header image and optional profile image. header image width is whichever post size you choose + 100px, profile image is 125px x 125px and can be square or circular.

header has space for up to three custom links and three statistics. if you want to change the statistics icons, go to feathericons, find the name of the icon you want, and input the icon name into the customize panel.

optional popup: this can be fully customized from the customization panel. has space for you to add extra text and add up to six custom links. also has space for you to put up three sideblogs and a section for you to add up to three updates. make sure you enable it in the customize panel if you want to use it!

post sizes: 400px, 450px, 500px, 540px, 600px.

captions can be displayed on top or above posts, or you can choose to hide captions on index. 

NEW: first npf photoset in a post will be converted to a regular photoset, thanks to this script by annasthms and codematurgy’s npf photoset script

option to hide tags

responsive for desktop but not for mobile devices

font sizes from 12px to 16px and nine different font options

all colours customizable

notes: tumblr’s customize page is very buggy and when you first install the theme, you have to toggle the options on and off to get them to work properly. if something doesn’t look right or the post captions disappear, save and exit because 99% of the time it will look fine on your blog. 

full list of credits here

theme seven: bluebell — one column sidebar theme inspired by pantone’s 2020 colour of the year, classic blue. (updated may 13, 2020)

preview / code: pastebin, github

features and options:

option to show 64px x 64px icon, 190px sidebar image, or neither

post sizes: 400px, 450px, 500px, 540px, 600px

left or right sidebar

optional search bar on dropdown

optional updates tab on dropdown within the sidebar. the updates tab can be fully edited from tumblr’s customize panel, just make sure you enable it in the customize panel if you want to display it.

dropdown with up to six custom links

NEW: first npf photoset in a post will be converted to a regular photoset, thanks to this script by annasthms and codematurgy’s npf photoset script

responsive for both desktop and mobile devices

show/hide/hover tags, show/hide captions on index, show post source icon

customizable photoset gutter and post margin

font sizes from 12px to 16px and nine different font options

all colours customizable

notes: tumblr’s customize page is very buggy and when you first install the theme, you have to toggle the options on and off to get them to work properly. if something doesn’t look right, save and exit because 99% of the time it will look fine on your blog

full list of credits here

theme six: holly — header/sidebar theme as requested by an anon. you can choose either a header or a sidebar on the index page, and you can choose one or multiple columns. (updated june 8, 2020)

previews: header with grid, sidebar with one column / code: pastebin, github

features and options:

responsive for both desktop and mobile devices

header or sidebar on index page. sidebar on permalink page. if you pick sidebar on index, it will show as a header on tablets and mobile devices.

post sizes: 300px, 350px, 400px, 450px, 500px, 540px

one, two, or three columns

optional blog icon in your header/sidebar

NEW: customizable photoset gutters (from 1px to 4px) and post margins

NEW: first npf photoset in a post will be converted to a regular photoset, thanks to this script by annasthms and codematurgy’s npf photoset script

show/hide/hover tags, show/hide captions on index, show/hide note count on index, show/hover like and reblog buttons

eleven different fonts and five font sizes

up to five custom links, all colours customizable

note: tumblr’s customize page is buggy as hell. i recommend switching all the options on and off when you first install the theme, and then save and exit. even if something doesn’t look right on the customize page, it should look fine on your actual blog. 

full list of credits here

theme one / celandine: a minimalist grid or single column theme header theme. (updated july 8, 2020)

one column preview, grid preview / code: pastebin, github

features:

one column or responsive grid; number of columns will be determined by your screen resolution and the post size you pick

fade-in navigation bar on scroll

NEW post sizes: 350px, 400px, 450px, 500px, 540px, 600px, 650px, 700px

NEW: better support for npf photosets

NEW: responsive for both desktop and mobile devices

show or hide header icon

show or hide captions, show or hide tags show or hide note count on index page

up to three custom links

nine body font options, eight title font options

NEW: font sizes from 12px to 18px.

notes:

tumblr’s customize page is very buggy and you have to toggle every toggle switch on and off when your first install the theme to get them to work properly.

because the grid option is responsive to screen resolution, on small screens the grid will display as one column if you select a large post size.

see full list of credits here

theme two: cherry blossom — a very simple theme. (updated may 6, 2020)

preview / code: pastebin, github

features: 

post sizes: 350px, 400px, 450px, 500px, 540px

choose between 250px wide sidebar image, 64px x 64px blog icon, both, or none

left or right sidebar

NEW: show/hide/hover tags, show/hide captions, option to adjust post margins, option for rounded corners on photos

NEW: first npf photoset in a post will be converted to a regular photoset, thanks to this script by annasthms and codematurgy’s npf photoset script

up to six custom links

optional search bar

fifteen font choices and five font sizes

all colours customizable

responsive for both desktop and mobile devices

notes: tumblr’s customize page is very buggy and you usually have to toggle the options on and off to get them to work. if something doesn’t look right, save and exit because 99% of the time it will look fine on your blog

the updated version isn’t significantly different from the old version and corrects a lot of bugs, but in case you’d prefer the outdated, less functional version, i’ve archived the code for posterity on my github. however, i WILL NOT offer support for the old version.

full list of credits here

theme three: wisteria — a responsive theme semi-inspired by the default tumblr theme. (updated may 14, 2020)

preview / code: pastebin, github

features: 

optional header image and optional 80px x 80px blog icon

optional search bar

NEW post sizes: 400px, 450px, 500px, 540px, 600px

show/hide tags, show/hide captions

NEW: round or circular icons, round or square post corners

NEW: customizable photoset gutters (from 1px to 4px) and post margins

NEW: first npf photoset in a post will be converted to a regular photoset, thanks to this script by annasthms and codematurgy’s npf photoset script

font sizes from 12px to 16px and a lot of different fonts to choose from

responsive for both desktop and mobile devices. also, as of the update, the mobile version looks much less crappy

up to six custom links

all colours customizable. 

notes: tumblr’s customize page is very buggy and when you first install the theme, you have to toggle the options on and off to get them to work properly. if something doesn’t look right or the post captions disappear, save and exit because 99% of the time it will look fine on your blog.

full list of credits here

page two: elderflower — a responsive navigation/tags page featuring lots of emojis. made for codingcabin’s fruitilicious challenge

version one preview: without sidebar icon / code: pastebin, github version two preview: with sidebar icon / code: pastebin, github

features: search bar, tag dropdowns, option to give each tag box a unique hover colour, optional emojis. the page is also fully responsive; resize your browser window to see it in effect. 

notes: 

instructions on how to edit the tags, change/add/remove the emojis, and change the link hover colours are provided in the code.

basic knowledge of html and css is highly recommended for editing the code

credits:

feather icons by Cole Bemis

search tags by shythemes

theme four: moonflower — by request, a version of the theme i previously used on my theme blog. (updated july 21, 2020)

previews: alternating posts, one column / code: pastebin, github

features and options: 

80px x 80px icon

slide-down with up to six custom links and ability to add pages.

option to choose between alternating posts with post info displayed to the side of the post and one column posts with post info at the bottom 

NEW: show/hide tags and captions, editable post margin and photoset gutters

NEW post sizes: 360px, 400px, 450px, 500px, 540px

responsive for both desktop and mobile devices

NEW: font sizes from 12px to 18px

13 different font options and all colours customizable

notes:

if you have alternating posts enabled, the theme will display as one column on small screens and on mobile. resize your browser window to see the effect.

tumblr’s customize page is very buggy and when you first install the theme, you have to toggle the options on and off to get them to work properly. if something doesn’t look right or the post captions disappear, save and exit because 99% of the time it will look fine on your blog.

full list of credits here.

theme five: honeysuckle — a theme aimed at text-heavy and writing blogs, but works with any kind of posts. focuses on readable text and larger post sizes. (updated may 5, 2020)

preview / code: pastebin, github

features:

optional 70px x 70px icon

post sizes: 450px, 500px, 540px, 600px, 650px

optional search bar

show/hide/hover tags, show/hide note count on index page

NEW: improved options for text styling — option for left or justified text, more colours, and more

NEW: improved compatibility for npf photosets, and will convert the first npf photoset in a post to a regular photoset

up to 5 custom links, all colours customizable

responsive for mobile devices

FIXES: fixed issue where sidebar wasn’t scrolling properly when content overflowed, fixed issue where mobile slide-in sidebar would sometimes disappear after resizing the browser window

note: tumblr’s customize page is buggy as hell. if something doesn’t look right, try switching all the options on and off, and then save and exit. it should look fine on your actual blog.

credits:

css photosets by annasthms and espoirthemes

tippy.js tooltips by atomiks

remove redirects by magnusthemes

outicons by anton saputro

responsive videos by nouvae

npf photosets by codematurgy

npf photoset conversion by annasthms

full list of credits here

mirror : preview / code

a desktop instagram inspired theme

features:

500px-wide posts, responsive on smaller screens

image carousel for photosets

header with search bar, and optional ‘profile’ link

infinite scroll or pagination

60px optional sidebar icon

optional captions and tags on index page

optional box for sideblogs or recommended blogs, idk you can be creative

box with 3 custom links, customizable icons

tag/extra link list generated by tumblr pages

notes:

please don’t ask me how to edit different post sizes

manual load or regular photosets are not available

the instagram accent colors aren’t customizable on purpose, but feel free to go into the code if you want to change them

since tumblr is a poo and hasn’t updated their desktop structure, this theme does not display mobile-posted entries normally. they will look funky. please turn off ‘use new posts types’ in the tumblr customization panel

gloss : preview / code

it’s a horizontal theme, yo

features:

adjustable post heights

3 custom links, optional icon

click on posts for more info

pagination / infinitescroll

let me know if there are glitches

sleepless —  preview / code (updated)

features:

post widths ranging from 350px to 540px

3 custom links, 35px round, optional sidebar image

pagination / infinite scroll / manual load

display option for tags

notes:

I know I changed a lot from the original but I just didn’t like it anymore and it wasn’t easy to read

manual load only works if infinite scroll is checked as well

video resizing script by shythemes

if there are glitches please let me know

THEME [37] INTERPHASE by YUKOKI

✄ PREV 1: live / static | PREV 2: live / static | VIEW CODE ✄

38 colour options

6 custom links

2 column 250px posts option

cover wall paper option

draggable windows & desktop icons

pop up archive, ask box, blogroll, about page, blog posts (can be closed)

upload 5 photos to your desktop

fully customizeable desktop icons from fontawesome

up to three sticky notes for you to leave extra notes/greetings/updates around your blog (also draggable and closeable)

posts pop up to 500px size

visible tags, like button, reblog button on index page

NEW! built-in music player option

NEW! different window background option

Customization tutorial here :: Learn how to set up the desktop icons (your custom links), edit the about page basic info, get your pop ups working and a small guide to some appearance options.

Please like/reblog if you’re using the theme! :) 

THEME [18]:re HIRAETH by YUKOKI

✄ LIVE PREVIEW | STATIC PREVIEW |  VIEW CODE ✄

49 colour options

1 column, 500px posts

4 custom links

show reblog button on index option

tags on index page option

monochrome posts option

fading photos option

[new!] always show slide out menu option

customiseable scrollbar, text highlight, bold/italic/linked texts

custom unordered list bullets (long dash!)

all art used by geee13 | sliding menu insp @magnusthemes

Please like/reblog if you’re using the theme! :)

THEME PACK #11 - REMINISCENT by yukoki » First theme is a revamp of [17] Himitsu (now Vestigial) » Second theme is a revamp of [21] Ookami (now Ochako) » Please like/reblog if you use!! uvu

THEME [17] HIMITSU VESTIGIAL

✄ LIVE PREVIEW | STATIC PREVIEW | VIEW CODE ✄

50 colour options

1 / 2 columns

250 / 400 / 500 px posts

10 custom links

show captions option

monochrome posts option

photo fading option

THEME [21] OOKAMI OCHAKO

✄ PREVIEW 1 | PREVIEW 2 | STATIC PREVIEW | VIEW CODE ✄

38 colour options

1 column

400 / 500px posts

6 custom links

show captions option

monochrome posts option

always visible permalink option

extra content wrap option

cover background option

cover header background option

PAGE PACK #10 - 接続 [ s e t s u z o k u ] by yukoki

REDIRECT [02] HENKO ✄ STATIC PREVIEW | VIEW CODE ✄

REDIRECT [03] KODOKU ✄ STATIC PREVIEW | VIEW CODE ✄

Here’s the official official return from hiatus with the release of actual public codes! u3u Install these redirect themes like how you would any other kind of theme, and the customize options are ready available – No need to go code-diving and editing in these two!

Image credits: Kodoku ||| Henko Icon 1 | Henko Icon 2

Please like/reblog if you’re using the page(s)! uvu