media ii | preview - code (raw), alternate
a minimalistic media page that features
- a header with a circle icon, title, four+ custom links, description and an optional request status box
- unlimited media boxes
- each box contains a linkable image, optional text that shows on hover and optional text below - all templates are in the code
- changeable number of columns - instructions are in the code
- custom colours for text, links, background, borders and more
- normal version: filters, carousel for multiple images
- tabbed version: changeable number of tabs. filters and carousel cannot be added at this time.
I made this page as a headers page last year for my personal blog and there’s been many requests to release it so here it is! this is page can be used for headers, photography and art portfolios and more.
credits: headers by @graecian, photography from unsplash, combination filters by @magnusthemes and slick carousel.
everything needs to be edited in the code, therefore basic coding knowledge is required. if there are any issues or glitches, don’t be afraid to send me an ask here.
reblog/like if using and please do not repost or steal!
[ Theme #08: Calypso ]
A responsive all-in-one theme that includes the option to hide the about, navigation and/or blogroll sections!
Features:
- Day and night button that will stay in the selected mode until it is turned off. A dark mode option is also available for those who prefer a dark color scheme on their blogs instead of the default light color scheme. When you toggle the option on, the day and night mode button will change according to the scheme you are using.
- Left or right sidebar. Both layouts are responsive to ensure its usability on multiple screens and mobile.
- Supports most (if not all) NPF post types.
- Custom “Not Found” page.
- Drop down menu with 4 custom links that also supports page links.
theme fifteen: magnolia — dual sidebar one-column theme with gradient accents (and gradient icons!), per the results of this survey from a few months ago.
preview: static preview / live preview
install: theme garden / pastebin / github
features and options:
- 175px wide sidebar image and an optional 100px x 100px icon image.
- post styling: option for tags on click or show tags, options for rounded corners.
- post sizes: 400px, 450px, 500px, 540px, 600px.
- hide or show captions on index.
- up to four custom links and an unlimited number of Tumblr pages.
- ten body font options, five title font options, font sizes from 12px to 18px, and all colours customizable.
- responsive for both desktop and mobile devices.
notes:
- 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.
- this was going to be an npf-friendly theme where npf and legacy posts were styled to look exactly the same. I got most of the way there, but then Tumblr changed the npf styling on me and I gave up. so this is a much more npf-friendly theme than my other ones, but I’m not making any guarantees, and please do not message me about npf posts on this theme because I have officially given up on npf.
- likewise, please don’t message me about removing the coloured letter/period in the title; it’s a design choice!!! I like it!! (also I’m not responding to customization questions anymore)
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
Ocular — Version 2.0.0
Preview // More Info & Install
oh heyyyy hi hello long time no chat! (it’s been over a year!) (sorry!)
I decided to give my theme Opticant a face lift, along with a desperately needed name change. I’m not really working on other new themes right now but I was so excited to update this!
Ocular comes with the following features:
- Uses Tumblr’s full-width controls and search bar
- Post Sizes: 400px, 500px, 540px, 600px, 700px
- Sidebar Width: 200px, 260px, 300px, 350px, 400px
- Font Sizes: 14px, 15px, 16px, 18px
- Background: solid, 2-color gradient, or image (full, static, or repeating)
- Unlimited custom links (visit the help desk FAQ for tutorial)
- Custom titles for Home, Ask, Submit, and Archive links
- Endless scroll, custom fonts, and custom ask box text
- Optional header and avatar image
Ocular version 2.0.0 adds these new features:
- Color Schemes: Default, Tumblr, Dark Mode, Low Contrast, Cement, Cybernetic, Canary, Pastel, Blended Light, Blended Dark
- Sidebar Location: Left, Right, or Above Posts
- Added “Uncropped” to the “Avatar Shape” option, which will show your Avatar image in its native aspect ratio with no background, border, or rounded corners (see images 2 and 3) (perfect for transparent images and sprites) (redux edits? again? heck yeah)
- Various additions and small tweaks to minor options, such as new background options, theme credit customization, etc.
It also fixes these bugs and adds these cool code updates:
- Long words were prevented from being broken, thereby cutting off text on the edge of the post
- Updated inline photosets so they no longer break when using endless scroll
- The appearance of Read More links and the Pinned Post indicator have been updated to more closely match the Tumblr dashboard
- Added lightbox functionality to all images
- Compressed JS and CSS for quicker load times
- Probably more updates
honestly I kinda lost trackyou can install (or reinstall) this theme here, or you can cross your fingers and hope that my submission to the theme garden (??!!?!?!) gets approved!! as always, thanks for using my themes. I’ve been making them for almost 10 years and I’m so grateful to all of you for helping me make that a possibility <3
[ Theme #07: Terracotta ]
A revamp of Mukta!
Features:
- Day and night mode (will stay in selected mode until it is turned off!)
- Responsive
- Grid layout (one, two or three columns)
- Header that disappears when scrolling (example shown under “keep reading”)
- Like and reblog buttons
- Drop down menu
- 4 custom links
- Supports page links
- Searchbar
Options:
- Night color scheme toggle option. Please read the notes under “keep reading” for an explanation on how it’s used.
- One photo photosets
- Custom title and/or description
- Show or hide tags and/or caption
- Round corners
- Borders
- The font size and font family are customizable. To change the font family, please refer to this site!
Theme #03: Theia by @pneuma-themes
Girls like her were born in a storm. They have lightning in their souls. Thunder in their hearts. And chaos in their bones.
Live Preview (Temporary) / Static Preview: [Index] [Permalink] / Get the code: [pastebin] [github]
A simple sidebar theme inspired by Twitter and aesthetics of Tumblr themes circa ~2015-2016ish. Suitable for all kinds of blogs.
Features:
- Twitter-styled posts for photoset and photo posts.
- Customizable post size and font size, with minimum width of 500px and maximum width of 700px. Post size can be entered on the post size field and the font size can be entered on the font size field. The live preview uses 600px post size and a font size of 14px.
- Customizable photoset gutter. The live preview uses 2px photoset gutter.
- Built-in light/dark mode that can be toggled with one click. The selected color mode will persist on your browser until you change the color mode.
- Customizable colors for light/dark mode.
- Three custom links.
- One accent color and 10 color options.
- Built-in lightbox for photoset posts.
- Mostly NPF-friendly.
- A 60 x 60px icon on the sidebar.
Notes:
- As per usual specification, expect things to break or look weird for NPF.
Credits:
- Icon: @acuite
- Font: Karla @ Google Fonts
- Dark mode tutorial: @22mm
- Icon font: Boxicons.css
- NPF v3.0 fix: @glenthemes
- photoset.css with lightbox by @annasthms and @eggdesign
- customAudio.js by @annasthms
- Simple soundcloud and spotify player script: @shythemes
- Responsive video script: nouvae
Please like and reblog if you like this and or are using it!
pólux:
anothertwitter inspired themeon this sitefeatures:
- show/hide: tags, header image, header icons, personal info, message and about sections.
- custom header image and description.
- custom font and font size.
- responsive.
- infinite scroll, manual load or simple pagination.
notes:
- section boxes are optional and you can show them or not. ask and submission boxes automatically appear if enabled.
- if you don’t want to show the links, leave the titles fields empty; same to personal information fields, description and skills.
- you can use any font from google fonts. just enter the site, copy the name of the font you want and paste in the appropriate field.
full credits here
(fansite) theme 04: alina
by @mistletoefeatures
- full page header
- navigation button + full screen navigation
- footer that includes 10 additional links, additional text area, and affiliates section
- 500px posts
- space for over 20 links
- separate section icons
- three different sections with the ability to add more.
- matching navigation page: starkov
credits
- cappuccicons by @suiomi
do not use as a base code, repost, claim as your own, frankenstein, or remove the credit. like or reblog if you intend to use or if you just want to share! ✧
Theme - Whispershot; [preview] [code] [magnusthemes] [buy me a coffee?]
Colorblock accordion theme inspired by Kain from MapleStory! A fun and interactive sidebar meshes with vibrant accent colors and subtle underglow tones to make the blog stand out.Features:
- Theme is responsive!
- Best demonstrated in preview: Fun, interactive accordion sidebar with panels for: description, menu, search
- Battery meter and health bar (custom percentage)
- Search panel has room for 3 featured tags with previews, enter your tag of choice in the text boxes
- Like/reblog buttons
- Custom post size from 250px to 540px
- Option to hide captions and tags on index page
- Optional infinite scroll and manual load
- Optional fading and/or monochrome images
- Optional sidebar image, 350px height (cropped automatically)
- QoL features: smart chat posts, native HTML5 audio posts, optional lazy load images
Notes:
- Sidebar based on a tutorial from Codrops
- To insert links, 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!
- 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: