Tumgik
#tumblr themes
5ummit · 10 months
Text
New Mature Content Warning Overlay (And How to Get Rid of It)
More fun community label "features"! Unlike the new mandatory label for #NSFW, this one is a bigger deal to me because it affects my entire blog and it can't be avoided by just using a different tag.
Apparently on custom blog layouts, if you happen to post or reblog even a SINGLE post that's been flagged with the mature content community label, a full-page warning overlay will appear blurring out your entire blog that must be manually clicked through every single time the page is refreshed. At first I thought this was just a bug due to my older layout but I've come to realize it's not. It's a feature (as confirmed by this recent changes post) that affects all custom themes. The formatting will vary based on your own theme but here's what it looks like on my blog:
Tumblr media
I don't know about you but I find this is stupid and annoying. If it could be dismissed once and never seen again that might be one thing, but that's not the case. The vast majority of my blog is not "mature" enough to warrant such an aggressive and invasive warning. I also think pop-ups are obnoxious in general and I'll be damned if tumblr's going to force me to have one on MY blog.
After some desperate googling for a known workaround and being unable to find even a single mention of it, I decided to take on the challenge myself. I'm not a theme coder, so apologies if there's a better way to do this, but luckily it only took me like 10 minutes to figure out a simple fix, which I'm now sharing with anyone else who may want it:
.community-label-cover__wrapper {display: none}
Just copypaste that somewhere in your CSS and goodbye pop-up!
If you're not sure how to access your theme code, check out this help article. You can also add the code via the Advanced Options menu, which is actually even better (if you can get it to work, it depends on how your theme was coded), because it will then automatically be reapplied to a lot of themes without having to remember to manually add it every time if you change your theme in the future.
Obviously this will only remove it from your own blog for anyone who may visit it. If you never want to see this warning again on other people's blogs you can also add this custom filter to your ad block:
tumblr.com##.community-label-cover__wrapper
Unfortunately I do not have an easy tutorial on hand for this one as the method will depend on your specific ad block app or extension.
Some additional notes:
After adding the theme code and saving the changes, give it a minute to update as it sometimes takes a little while for the page to refresh.
The warning overlay only seems to appear if a "mature" post is on the FIRST page of your blog, which is still annoying and makes the whole thing even more pointless and stupid because what if someone visits any other page of your blog, and oh no, happens to see "mature" content they weren't warned about?!
The warning also appears on direct links to "mature" posts.
This hack has NOTHING to do with entire blogs that have been flagged as NSFW. It only works for non-flagged blogs with custom themes that happen to have individual "mature" posts.
17K notes · View notes
spottedderp573 · 6 months
Text
out of curiosity
leave your answers in tags and reblog if you vote for more stats!
7K notes · View notes
chemicalarospec · 1 year
Text
Tumblr media
I just made a new sideblog and found out this setting (found under "Edit Appearance") (now found under "Blog Settings") is disabled by default.
Edit: Tumblr settings are unpredictable and devious. This may not be disabled by default for you. People have also said that their themes have been removed. Please look to the notes if experiencing complications.
This means that ALL new blogs will NOT have a [username].tumblr.com page. Not only that, but they will not have any themes besides the mobile-default.
As someone who really likes custom themes and Tumblr still having a fully customizable profile page, please turn this on!
You can make a website for your tumblr blog that is entirely your own!
Finding posts on your URL.tumblr.com page is much easier due to the ability to use your Archive and url.tumblr.com/tagged/[tag] pages!
Visiting your mutual's tumblr pages will become much more fun if they do the same! I used to always associate blogs with the themes they had, but that's sadly not possible anymore :(
If Tumblr themes die out, it will truly be an end of an era for the internet, and the future will hold only mobile-orientated, endless-scroll design devoid of personality.
Even if you don't like themes, this is a move that almost destroys Tumblr's origin as a blogging website and showcases the takeover of social-media-sameness.
Tumblr media
Having your own URL and custom theme is fun! Try it today!!!
Edit: I focused on promoting custom themes but I do encourage people to simply turn on this setting for the URL. You can pick a free tumblr theme or even leave on the tumblr mobile-orientated default!
Also sorry I didn't think of this until now, but there are versions of this post in the reblogs without the colored text, with extra information, with how to find this setting, and troubleshooting why it might not be working!
29K notes · View notes
eggdesign · 1 year
Text
Beta release of the theme builder!
Learn more about the theme builder + start building your theme
The theme builder is ready to be used! Since this is the beta version, there are still a lot of options that are going to be added in the future.
Here are some examples of themes made with the current version:
Tumblr media Tumblr media Tumblr media Tumblr media
And here are some of the current options:
Tumblr media Tumblr media Tumblr media
Please let me know if you have any suggestions or run into issues making or using a theme!
9K notes · View notes
captchalogue · 7 months
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
interactive beta kid desktop themes
up to six custom links
draggable windows and icons
compact or full screen view toggle
all icons and colors fully customizable
hover effects, animations, and more!
ectobiologist preview / code
tentacletherapist preview / code
turntechgodhead preview / code
gardengnostic preview / code
2K notes · View notes
2000snerd · 4 months
Text
Tumblr media Tumblr media Tumblr media Tumblr media
All my blogs so far
1K notes · View notes
compassionately · 4 months
Text
Tumblr media Tumblr media Tumblr media
Beanie theme by Mochizuki Hajime
Previews: 1, 2, 3 Installation: Github Notes: Preview 2 by @alpawca ♥
A theme meant to loosely resemble the old Beanie Baby website, this is a gift for @alansweep ! The theme comes built in with two sidebars, a header image and 4 links (one custom). Everything else is entirely customizable so you can put whatever you want into the sidebars including text, links, and images.
Features
7 images
39 colors
8 fonts
~31 options
3 built in links, 1 custom
Built in header image
Options
custom cursor
scrolling title
3 post sizes
redirect tag
link decorations (glow/border+etc)
cursor sparkles/hearts/stars/music notes
+etc
966 notes · View notes
cafekitsune · 3 months
Text
TWITTER + X | template.
Tumblr media Tumblr media
alright folks ! i know it’s been a while since I posted this, but it’s finally here: a twitter / x template for themes and/or posts.
the template is free, but credit and reblog are vvv much appreciated. :3 please read my pinned before using.
if you enjoy my work, consider dropping a tip 〜
NOTE !! made using canva. you will need canva pro if you wanna save it as a transparent image.
Tumblr media
𑁍 ─ TEMPLATE DETAILS.
includes: tweet with 1 line and tweet with 2 lines of text. light and dark mode versions available. borderless version also available.
editable background colour (you will need canva pro if you want to save as a transparent image).
editable border colour. default colour is blue.
editable profile image. just simply drag and drop new images into each circle.
editable name, username, and content (you should be able to add special symbols too). you will need to move the username if the name is too long.
Tumblr media
  please like, comment, and reblog if you use.   do not claim as yours; credit is appreciated ♡ !! 
  do not remove my watermark.
  ˗ˏˋ download one / two ˎˊ˗
Tumblr media
619 notes · View notes
softcodes · 1 year
Photo
Tumblr media Tumblr media
november by @softcodes
preview / code
sharing the theme i’ve been using on my main blog, which a couple of anons have asked for (some of them a while ago, sorry!!). finally got around to polishing it up!
single column theme with a left sidebar and optional right sidebar that includes sections for updates, a featured project, and site info. geared towards writeblrs, but of course anyone can use! includes a sidebar image, icon, project image, five custom links, four post sizes, any google font, custom title, and iconsax icons. the audio player is the “light accent” color, which doesn’t show up in the preview for some reason! icons and sidebar image in preview via unsplash. (full list of credits here.)
pls like or reblog if you use:)
5K notes · View notes
mournstera · 2 months
Text
Tumblr media Tumblr media
Suburban— a responsive, single-column theme with a full-length sidebar
Static previews: - Preview (1) - Preview (2)
Download code: GitHub
This is a single-column Tumblr theme with a full-length left sidebar and two Google fonts of your choosing. Full support of npf posts. Optional dark/light mode toggle and update tab available.
Read features and notes below the cut
Customize colours for dark and light mode
Customizable post margin
Custom vertical text
Custom title
Custom description
Custom statistics (in sidebar)
Select font-size
Select Post-width (350-540px)
Select photoset gutter (1-4px)
Select post info displayed as text or icons
Toggle to hide Tumblr controls behind icon
Toggle between sharp or rounded corners on content
Toggle between sharp or rounded corners on photo(sets)
Toggle optional update tab
Navigation: An unlimited display of native Tumblr pages.. Learn how they work in my helpdesk here. Custom home + ask + archive link labels.
Search bar: The search bar will automatically be hidden if you have the option to discourage searching your blog from search results enabled. Go to your blog’s settings to do so.
Sidebar header image: 290x250px. This header image is also optional. Separate image for light and dark mode, but If you want the same photo, simply upload it twice.
Sidebar Image icon: 50x50px. Choose a shape between shapes square, rounded, circle or blob. Separate icons for light and dark mode! But If you want the same icon, simply upload it twice.
Dark Mode: If you decide to offer dark mode, it detects if the visitor’s operating system is on dark mode, and displays that choice at the first visit - of course with the option to toggle the other mode on/off.
Icon change for update tab and sidebar statistics: To change the icons, go to https://tabler.io/icons and simply copy the name of the icon like so:
Tumblr media
Into the corresponding field:
Tumblr media
Notes:
Via/source links are on permalink pages
to hide the archive link, simply delete the text in the field.
Submit-link and ask-link only shows if toggled on in your blog's settings.
Credits
568 notes · View notes
incognitopolls · 2 months
Text
We ask your questions so you don’t have to! Submit your questions to have them posted anonymously as polls.
527 notes · View notes
abicodes · 1 year
Photo
Tumblr media Tumblr media
artificial light; preview  — code
simple theme designed for a clean, contemporary aesthetic.
includes:
minimal sidebar with title and (optional + concealable) description and a search bar
up to five links
customizable post widths
custom font sizes
lots of color options!
dark mode (which responds to browser settings)
semi-responsive layout for mobile use
(optional) infinite scroll
jump to top button
full credits in the code! please like or reblog if you plan on using!
2K notes · View notes
tanaka-drew · 3 months
Text
Tumblr media Tumblr media Tumblr media
Theme — Playing Gods by tanaka-drew Preview/Download
Features:
250px x auto height sidebar image
custom blog title
six custom links
about section with six 100x100px images + quote section + bio section
option for 450/500*/540px blog posts
option for multiple font families for heading and body
option for 1/0.9*/0.8rem body font size
option for 0.9/0.8*rem uppercase font size
option for hide tags*
option for show tags
back to top*
Notes:
* denotes default features.
This theme is NPF posts friendly. :D
Neither ask or submit links would show if you don’t allow people to ask you questions or allow people to submit things to you.
I don’t claim any of the fonts, scripts and/or tutorials I used unless stated otherwise. See full credits here.
Support me on Ko-Fi.
415 notes · View notes
phantomcodes · 1 year
Photo
Tumblr media Tumblr media
strawberry | theme by sage
get the code: static preview / version 2 a sidebar (left or right) theme with sticky buttons for permalink & reblog — free through the month of april (2023)!
features (more info below the cut):
toggle: tags on click, music player, updates, right or left sidebar
headerbar includes blog icon/home link & search bar | (optional) music player & updates buttons | day/night & tumblr controls buttons
sidebar includes links for home, ask, archive, & up to 5 extras, an uploadable image, and custom description
customizable: blog title, description, colors, body & title fonts, and font size
responsive design, jumpination, scroll to top, 4 corner options, 3 post margin options, phosphor 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
music player
this player uses an image link - see my faq if you have questions
uploading your song: i recommend using google drive to host your mp3 files - below is a brief explanation for how to do this but you can also see the resources provided here by glenthemes and more links on my credits page
to start you need an mp3 audio file, once you have the one you want go to google drive and click: + New ➞ File upload
select your mp3 audio file and click open
open your newly uploaded audio file in google drive and click the three dots on the top right, then click Share and under General Access change it to Anyone with the link can view
copy the sharing link provided, it will look something like this: https://drive.google.com/file/d/1pBA6KdlLEzoEZPQ6hmaSr9LGLeCQGPxz/view?usp=sharing
go to the following site and paste your sharing url in the first box provided: https://www.joelgrayson.com/drive-download-link-generator
your final product should look something like this: https://docs.google.com/uc?export=download&id=1pBA6KdlLEzoEZPQ6hmaSr9LGLeCQGPxz
make sure the music player is toggled on in the theme, paste your audio link in the Song URL field
sidebar
when your browser width gets too small the sidebar will disappear and a sidebarbutton will appear on the header to toggle it!
2K notes · View notes
eggdesign · 6 months
Text
Tumblr media Tumblr media
Milk
A revamp/re-imagining of my (very outdated) theme Milky
preview + install
Aside from the obvious difference of a milk carton shaped sidebar vs a container, here are some more features in this theme:
Search bar
Custom colors
Drop down menu
Larger, more readable posts
Responsive
NPF compatible
736 notes · View notes
bebewrites · 7 months
Text
Tumblr media Tumblr media
wip page 08 - an all-inclusive wip page
preview / code
several people have asked for this one, so sorry it took me so long to release it!
featured image and sections for synopsis, themes/tags, links, project details, major characters, minor characters, and general sections like 'locations' and 'terms to know' which can be use for anything
footer section for additional info, but you can delete it if you don't want it
slide out menu with a second image, can be used for additional information or to feature an excerpt
pls like/reblog if you use, let me know if you run into any bugs, and pls don’t remove credit. thanks! ♥
additional info under the cut :)
if you'd like to change any of the icons, you can find more at phosphoricons.com
scripts are noted in the code so you can delete them if you want a javascript-free theme. without the javascript, the slide out menu will not work, just an fyi! delete the slide out menu at the top of the html section, and delete the script at the bottom of the code.
all images in preview via unplash.com. i recommend using unsplash or similar websites for images because they're free and high-res. (to create the character icons, i just crop the images into a square, upload into a tumblr post, save as a draft, and then right click the images for the url.)
658 notes · View notes