Avatar

resource market

@resourcemarket / resourcemarket.tumblr.com

themes and resources. browse at your own leisure.
Posts
Avatar
reblogged
Avatar
eggdesign

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!

#tutorial
Avatar
reblogged
Avatar
mournstera

Jude — a responsive, single-column theme

Static previews: Preview boxed (1) Preview boxed (2) Preview minimal

Download code: GitHub

This is a writer-friendly Tumblr theme, (it supports all post types, can easily be used with the writer features toggled off), with 2 sidebars and a Google font of your choosing. Two layouts available: boxed or minimal. Included: Optional dark mode and update tab, two optional progress boxes. Supports NPF posts.

Read features and notes below the cut

Keep reading

#themes#rec#sidebar
Avatar
reblogged
Avatar
kosmique

lunar: a header-sidebar theme with with multiple customization modes.

previews: version one // version two // live preview
code: pastebin // github

features:

  • left/right sidebar.
  • notes on index.
  • background image or gradient.
  • full width header option and optional header image.
  • dark mode.
  • 400px, 450px, 500px and 540px posts.
  • optional about section.
  • up to five custom links + unlimited pages.
  • responsive.
  • custom font and font size.
  • custom sidebar description.

notes:

  • if you don’t want the links to appear, leave the links titles fields empty; same for the sidebar description.
  • 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.
  • dark mode colors are not directly editable from the panel. however, if you want to modify the colors, just search for /*—– dark mode —–*/.
  • decimal format only
  • if you want to use a solid background color, just set the two gradient colors to a single color.
  • if you want to use an image as a background, enable the option first.

credits:

header image | notes on index | full list

#themes#rec#header#sidebar
Avatar
reblogged
Avatar
yeoli-thm

Premium Theme - Spring Again

Live Preview ⬩ Static Preview Buy £20

A fully responsive, art journal inspired grid theme. Recommended for photo blogs but also supports all blog types.

Sidebar features

  • polaroid image
  • music player
  • filmstrip (showing either your own photo uploads or your top Tumblr posts)
  • scheduler box
  • social media box
  • extra info box

Blog features

  • fixed post size
  • custom fonts and font sizes (compatible with google fonts)
  • auto link pages with 3 additional custom links
  • dashboard style captions
  • supports new post types
  • search bar
  • responsive layout

Notes:

  • theme user guide here
  • basic HTML knowledge is recommended to edit the sidebar contents
#themes#rec#sidebar
Avatar
reblogged
Avatar
mournstera

Lune — a responsive navigation/tag, custom page theme.

preview | download code (GitHub)

A choice between a header or a sidebar, and buttons or underlined tags. Some HTML/CSS knowledge is preferred if you’re going to be using this. Instructions are all in the code.

pairs well with most of my themes.

#pages#rec#navi#tags
Avatar
reblogged
Avatar
mournstera

Brass — a free, responsive, single-column theme

Preview: Static preview Download code: GitHub

This is a single-column Tumblr theme with an option between a sidebar (left or right) or a header, with a Google font of your choosing, as well as a separate choice of font for the custom title. Optional dark mode and update tab is included. Supports NPF posts.

Features and notes below the cut.

Keep reading

#themes#rec#sidebar#header#popup
Avatar
reblogged
Avatar
mournstera

Flake — a responsive custom about me-page.

preview | download code (GitHub)

A simple custom page with a quote, description and link section alongside a 180px sidebar icon that has a hover effect. Dark mode integrated. pairs well with most of my themes!

Please note: Basic HTML/CSS knowledge is preferred if you’re going to be using this. Instructions are all in the code. Please read my terms before using.

#pages#rec#about
Avatar
reblogged
Avatar
mournstera

Barlows — a responsive accordion tag page

preview | download code (GitHub)

3 different themes/styles included (instructions for that is in the code). Some HTML/CSS knowledge is highly preferred if you’re going to be using this. With dark mode and search bar. Instructions are all in the code.

Please consider supporting me on ko-fi ♥

#pages#rec#tags#navi
Avatar
reblogged
xuethms
Avatar
fukuo

How to implement the filtered tag posts on your blog theme

You can use this to prevent posts with certain tags or your own custom tags from showing up on your blog. The filtered posts will have an overlay obscuring the post itself with an explanation of why the post was filtered along with the option to view the post if you'd like.

This post is not going to explain the details, you'll be just provided an instruction to implement this on your blog. You need to be familiar with HTML, CSS, and JavaScript before proceeding with this.

#tutorial
Avatar
reblogged
Avatar
xuethms

◍ neon theme.

Links: previews [ neo / eon ] | install | features

Neon is a contained theme which features animated floral features and other decorative elements, creating a maximalist, scrapbook-like design — Perfect for those who want a more artistic blog theme!

Features: contained theme, decorative elements, animated flowers (3 different petal shapes), big title, user profile (icon + status + another title), searchbar, 250px/400px/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

#themes#rec#contained#header#sidebar
You are using an unsupported browser and things might not work as intended. Please make sure you're using the latest version of Chrome, Firefox, Safari, or Edge.