[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
image
image

[3] Skyfall by sheathemes

preview | code

Features

  • full support for NPF posts
  • responsive to all screen sizes
  • post sizes between 350px - 540px
  • up to 6 custom links
  • like and reblog buttons

Optional

  • header image
  • sidebar image
  • tags always on display or by toggle
  • search bar

Important

  • full credits are here
  • sidebar image is a minimum of 350px width
  • 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
pneuma-themes's avatarpneuma-themes

image
image
image
image
image

Primavera: All in One Page #01 by @pneuma-themes

Always, it's spring, and everyone's in love, and the flowers pick themselves.

Live Preview / Get the code: [Pastebin] / [Github]

Another Twitter inspired layout. This is an all-in-one page with about, blogroll, tags, and FAQ sections. The code has been heavily annotated, so please go through the code first before sending me an ask!

Important note: Your blog must have been given permission to use Javascript on pages. As of 2024, the waiting time is almost indefinite, and thus might necessitate a circumvention. You can refer to the post I linked to find the how-to.

For the blogroll to display the list of blogs you follow, you must enable this option on the blog setting:

image

This will not work on secondary blogs, as they do not have that option on their settings.

Features:

  • Five custom links
  • Everything is customizable, from the icons to the content and the colors. Customizable options can be found on the :root section of the CSS.
  • A built-in light-on/off mode that can be toggled by one click.
  • A header image. The size of your header image is 60% of your screen width x. 250px. The image should resize automatically.
  • An endless space for practically every section. You can be as detailed or as concise as you like.
  • Sticky navigation tabs.
  • A short "currently" tab in the about section, can be about anything you like.
  • This is a page theme, so blog posts will not be displayed. Please install this through the Add new page link instead.

Credits:

Please like and reblog if you like or are using this!

theme-directory-network's avatartheme-directory-network

image

We're back!

This network was more active in the early days of tumblr, but we've grown to nearly 100k followers over the years and we're happy to announce that we're opening up applications to join again!

What is it?

A network of Tumblr theme creators. This is a blog that showcases a wide variety of tumblr themes. A great place to find new themes for your blog! Check out our sort by features page. Now accepting new members!

theme-directory-network.tumblr.com

How to join

  1. Send me an ask here
  2. Give me 2 days or so to add you

Perks

  • Consistent queued reblogs of your theme posts on this blog to over 100k followers who are looking for themes 
  • You can submit posts to be published and sorted
  • Access to the private facebook group (coming soon)

hi tumblr wip! is there anything that can be done about images stretching to the full width of a tumblr post? i make art and images that are sometimes under 540px, and there seems to be a point where they will stretch automatically to 540px. it makes things like pixel art or otherwise small images look terrible!

Answer: Hi there, @moxley!

We’re really glad you asked this question, as we love getting the opportunity to share the tips and tricks that are applicable in this area.

First off, here are the rules of our image stretching:

  1. On mobile apps and mobile sites, we always stretch images to the full width of the post—since a small image on a small screen doesn’t make for an easy viewing experience.
  2. On the desktop site, we only stretch images to the full width of the post if the image is at least 300px wide and/or 600px tall.
  3. Any images that are placed side-by-side are always stretched to fit their frames, no matter the image’s dimensions or the viewer’s platform.

However, the vast majority of devices and browsers use antialiasing in their default image scaling algorithms. This, as you point out, doesn’t play nicely with pixel art at all. Boooooo!

So, how can you preserve your sharp pixels with 100% consistency for your viewers? The answer is simply to upscale the image yourself before uploading. To keep the pixels square, you’ll need to resize by factors of 100% (200%, 500%, etc.) and use a simple upscaling algorithm that doesn’t use antialiasing. For example, in Paint.NET’s image resize dialog, you can use “Resampling: Nearest Neighbor”, or in GIMP’s, “Interpolation: None”.

The trick here is to resize your pixel art to dimensions above 540px wide so that every viewer’s device is actually forced to downscale the resultant image instead. That way, instead of the resizing algorithm making up details by blurring the pixels, each original pixel is preserved as a perfect square.

We really hope this helps you and the other pixel artists out there. Please, have a great day, week, and month. No, in fact—a great rest of your Tumblr experience, however long it may last. Of course, if you have any other questions on this subject, we will be happy to answer those too!