Tumgik
#npf
wip · 2 days
Note
One of the things I enjoyed about the mobile app was how it used to let you format posts through HTML or Markdown coding. Would it be possible to bring it back? It's kinda weird that the NPF Editor is used on all different platforms, but HTML and Markdown are exclusive to desktop and the mobile website.
Answer: Hey there, @violetganache42!
Sadly, we are not going to bring it to the mobile apps. While we understand that it can be handy to a few people, we are sorry to say it is not handy enough, to not enough folks, to warrant prioritizing that work now.
Should this ever change, however, you will find this at the usual channels: here or over at @changes.
46 notes · View notes
glenthemes · 9 months
Text
Tumblr media
🎧 NPF audio player ⋆
On Tumblr's process of changing everything to NPF, staff has added metadata (details) to NPF audio inserts to reflect what was originally entered when it was posted. Unfortunately, they're unstyled for now, so I wrote a plugin that mimics the appearance of Tumblr's legacy audio player.
☆ Features:
functional play/pause buttons with customizable sizes and colors
[optional] preceding labels, e.g. "Track:" / "Artist:" / "Album"
[optional] placeholder text for empty fields, e.g. "Untitled Track"
shows album cover image if its comes with one, with customizable dimensions
customizable player padding and background color
☆ How to install:
https://gitlab.com/tmblr-npf-audio/s#preview
867 notes · View notes
supersaiyanblonded · 7 months
Text
Tumblr media
Shin is food for an emo/brooding/hooded villain enjoyer like myself
292 notes · View notes
eggdesign · 1 year
Text
Tumblr media
NPF based template
preview + code
This is an alternative to the more extensive base code I'm working on that uses the NPF variable that still uses the legacy theme blocks and variables. This is intended to keep your theme making process familiar and more comfortable for those who do not have a lot of JS experience but still want to utilize the NPF variable.
The JS is pretty minimal (especially compared to the full NPF theme), but it uses the NPF variable to keep formatting more consistent with the legacy post types. While you do not need to edit any JS to use this theme, if you want to, you can use more things from the NPF variable like getting checkmarks for users that have them!
This theme will also take into consideration if photos or other media should not move, like in the case of text separating photosets.
Here is a before and after of a post made with the beta editor:
Tumblr media Tumblr media
This base code is very simple compared to my other ones (it is only the posts and pagination), so please edit it as much as you want! I didn't want this to be restricted to a specific style or layout. Given a lot of theme makers have felt limited with their post styles since switching to one post type, I'm hoping this can help bridge that gap.
Let me know if you have any questions or run into problems while using this!
364 notes · View notes
starlightthemes · 2 years
Text
Tumblr media Tumblr media Tumblr media
THEME 7: Unite
Syncs with your mobile theme colors and mimics the new in-dashboard blog view for a consistent look across platforms.
Static previews: index page, permalink | Code
Features:
Appearance options (show/hide header image/avatar/title/description, title font options, and background/text/accent colors) synchronize with mobile settings
Optional: Featured posts section, updates section, and blog member list in sidebar (require some HTML editing; see under the cut for instructions)
Unlimited custom links, plus a highlighted link under the title
Optional second palette
Customizable post width and font size
Optional search bar, like/reblog buttons, date/timestamps, tags (plus a show tags on click option), and Archive/Random links
Responsive
Supports new post types/pinned posts
And more!
For help, check my theme guide, or feel free to send me an ask. Theme credits and an HTML editing guide for the special sections are under the cut.
NOTE THAT ALL SECTIONS ARE DISABLED BY DEFAULT, TO AVOID HAVING EMPTY/UNEDITED SECTIONS. If you want a particular section to display, make sure you enable it in the Customize menu before making any changes, so that you can see it as it's being edited.
All of the below instructions assume that you've gone to your Customize page, then opened the "Edit HTML" menu.
Again, if you have trouble making your edits work, feel free to send me an ask or a DM for help.
Note for HTML beginners
Every bit of text or code is wrapped inside "tags", which have arrow brackets on either side. For example, a paragraph is placed inside <p> tags.
Every element has an "opening" and "closing" tag; the closing tag looks just like the opening tag, with a / after the opening bracket. The content inside one section is bracketed by these; for example, a paragraph would look like this:
<p>Text here!</p>
In the above line, <p> is the opening tag, and </p> is the closing tag. Tags of this sort can be placed inside each other:
<p>Some <span>special</span> text.</p>
Note that the "span" tags, both opening and closing, are both inside the "p" tags. You don't want a misordered set, like "<p>Some <span>special text.</p></span>". The opening tag nearest to the start should also have its closing tag nearest to the end.
It is extremely important that while editing the HTML for your theme, you make sure all opening tags have a matching closing tag. If you have a <div> tag, but no matching </div> tag, this might break the theme.
Featured posts
This section fetches the 3 most recent posts from a chosen tag on your blog. To select the tag:
Ctrl+F to "EDIT YOUR TAG HERE".
On that line, there will be a link inside quotation marks, ending in "tagged=featured".
Change featured to the tag of your choice; for example, "tagged=photo". This tag can include spaces, such as "tagged=my writing".
Save and ensure your posts show up as intended.
By default, the tagged posts are fetched from your blog, but you can change this so that the featured posts are from a different blog:
Ctrl+F to "EDIT YOUR TAG HERE".
On that line, there will be a link inside quotation marks, starting with "https://{Name}.tumblr.com".
Change {Name} to the blog username of your choice; for example, "https://starlightthemes.tumblr.com".
Save and ensure your posts show up as intended.
Be careful not to change any other parts of that section. The code for fetching the posts from blogs is easy to break.
Updates section
The updates section has two editable parts: the title, and the actual updates.
To edit the title:
Ctrl+F to "EDIT HERE: UPDATES".
Scroll a few lines down, until you find the line reading "Latest updates".
Change "Latest updates" to say whatever you want. Make sure the text stays inside the ... tags. For example, if you want the heading to read "My activity", that line of code should read "My activity".
To edit updates:
Ctrl+F to "EDIT HERE: UPDATES".
A little under this line, you'll see a template, with the outermost tags reading <div class="update">...<;/div>. If you're adding a new update, copy this template.
Scroll a few lines down, until you find the line reading "".
Now, for each update, paste the template once over (two updates are present for you to start with), and edit three things:
-> "3-LETTER MONTH HERE": The first three letters of the update month, e.g. "Jan".
-> "2-DIGIT DATE HERE": The two-digit version of the update date, e.g. "01" or "31".
-> "UPDATE TEXT HERE": The actual text that'll show up as the update.
Make sure that all the updates are separate- the starting and the ending of two updates shouldn't overlap.
Make sure all your updates are above the line reading """.
Save and make sure things look how you want them to.
Members list
To change the title of the members section:
Ctrl+F to "EDIT HERE: MEMBERS LIST".
Scroll a few lines down, until you find the line reading "Blog members".
Change "Blog members" to say whatever you want. Make sure the text stays inside the ... tags. For example, if you want the heading to read "The gang", that line of code should read "The gang".
Scroll further down, until you find the line that reads "{lang:Group members}". Again, change this to your chosen title, such as "The gang".
The actual members list can be customized in two ways. One, for group blogs, you can have it automatically fetch the blog members' main blog names/titles/icons. To do this, turn on "Members list" and turn off "Custom members list" in the main theme settings.
The other option is to manually add any group members and their icons/links. This will also allow you to add customized names and descriptions for each member. To use this option, turn on BOTH "Members list" and "Custom members list". Then:
Ctrl+F to "EDIT HERE: MEMBERS LIST".
A little under that, you'll see a template with the outermost tags reading <a class="member" href="//BLOGNAME.tumblr.com">.... If you're adding members, copy this template.
Scroll a few lines down, until you find the line reading "".
Now, for each member, paste the template (two members are present for you to start with) and edit three things:
-> "BLOGNAME": Next to "href" in the tag, and next to "src" in the tag. Change this to your member's username, such as "starlightthemes".
-> "MEMBER NAME": Takes the place of the username. This will show up in bold at the top.
-> "MEMBER DESCRIPTION": Takes the place of the blog title. This will show up at the bottom.
Make sure that all the members are separate- the starting and the ending of two members shouldn't overlap.
Make sure all your members are above the line reading """.
Save and make sure things look how you want them to.
Theme credits: Layout/design/icons by Tumblr, Style My Tooltips by malihu, featured posts by Fukuo, NPF photosets plugin by codematurgy, dark/light mode toggle by eggdesign, custom audio posts by annasthms, scroll to top script by Fabian Lins
Preview header image from Only Vector Backgrounds.
2K notes · View notes
hidengifs · 8 months
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
Kamen Rider Geats (2022) ↳ Episode 12: “Conspiracy III: Slot★Fever”
90 notes · View notes
cyle · 11 months
Note
The latest wave of bots has me wondering: if I "Flag and block" a spam bot, and that account gets terminated, and then later a legitimate human creates an account with the same username, would the new account also be blocked from my blog?
no, because we don't track blocks with blog names. every entity on tumblr (posts, blogs, users, likes, etc) has its own unique identifier that can never be changed, even if your email or username changes. we associate actions like likes, reblogs, blocks, etc, with those identifiers, not blog names.
the only exception to this is post content in the legacy format... and that's another reason why we build NPF. but you can see examples of what i mean in that post, re: blocks, as well.
49 notes · View notes
bluesroleplay · 10 months
Text
CSS Code for those who run photo/image/aesthetic blogs
If you’re concerned about the image quality of image posts created in the NPF editor being distorted on your blog theme (particularly if it’s important for you for small/medium images to remain being in the original size resolution), then be sure to add this CSS code to your theme HTML:
       <style tmblr-npf>        :root {            --NPF-Caption-Spacing:1em;            --NPF-Image-Spacing:4px;        }
       .npf_col:only-of-type img {    height:auto!important;        }
           .tmblr-full img {    width:auto!important;        }        </style>
Thanks to @glenthemes for the assistance. For a more comprehensive code that also includes having image posts created in the NPF editor be rendered as image posts on your blog theme (among other stuff), check out their post here. If you need further assistance, their Discord channel is located at the bottom of that post. They are very helpful.
Note: This probably only works on single-column themes.
49 notes · View notes
equipebrasil · 6 months
Text
Atenção, você, que desenvolve temas e personaliza blogs na web
Fizemos algumas atualizações na documentação dos temas personalizados para ajudar na criação de temas que são suportados pelo NPF e pela IU desaninhada e própria para reblogues.
O que há de novo:
Exemplo de marcação de temas, incluindo a IU desaninhada.
Seção “Posts reblogados” atualizada com explicações e exemplos de como usar a IU desaninhada em temas, dando suporte à antiga representação de citação de bloco.
Explicação sobre como dar suporte ao NPF com variáveis temáticas existentes.
Caso você tenha perdido, atualizamos o Jardim de Temas para apresentar uma coleção de temas compatíveis com o NPF (marcados com uma estrela vermelha).
Tumblr media
Quer mais informações para personalizar o tema do seu blog na web? Confira o artigo no Centro de Ajuda.
Aprenda também a enviar seus temas para o Jardim de Temas para que outras pessoas possam usar ou comprar. Mas, antes, confira as Regras para envio de temas! Não vemos a hora de dar uma olhada nas suas criações. Para enviar relatórios de bugs e solicitar recursos, crie um ticket usando o Formulário de Suporte.
Fonte: Tumblr Support
22 notes · View notes
seniorinternaut · 10 months
Text
there are no words to describe how much I hate the new post editor they are forcing on us
23 notes · View notes
themesbyeva · 11 months
Text
Beta Editor / NPF Image Posts
Hi everybody, so since tumblr wants to get rid of post types all together by May 15, I tried to figure out a way to make “old” and “new” image uploads look the same in my theme.
Example:
Tumblr media
Left you see a new image upload, on the right side an “old” one, uploaded with the “Legacy Post Editor”.
Since old posts will continue to look the way they do now, and all new uploads will look like the left image above, my themes will look like a mess.
I did a little coding today and found a way to make both pictures look the same, while still displaying text posts normally.
Here is the new version:
Tumblr media
Possible problems:
As the new post types are a pain in my ass and pretty much all posts are coded as text posts now, it’s hard to make everything look the way it should. This means I can’t fully guarantee that every single post will be displayed correctly. Especially long text-heavy posts with multiple images (such as this one), might not be displayed correctly with my changed code. But keeping in mind that my themes are intended to be used on photo-heavy blogs, for the majority of people this would be a good fix.
So let me know if you are interested in a theme code update for the following themes:
Grapefruit
Lightsome
Adventurer
All other themes have been moved to the #old tag. They are still available, but not supported anymore.
I hope to get at least some feedback on this post. Have a good week everybody.
xx Eva
26 notes · View notes
brotep · 6 months
Text
I just sent this message to @staff when asked “what can be improved upon”. Even though I know it’s gonna fall on deaf ears, it had to be said…
Tumblr should have an option to go back to the old (legacy) post editor if users choose to. With this new editor, unless you have a specific theme, photos and photosets look weird and are treated like text posts when uploaded/reblogged. Having the option to choose between the legacy editor and the NPF would be great. Also bringing back the “post preview” option before posting/reblogging something would be very helpful. I’ve had a Tumblr page for almost 13 years and the changes that have been made within the past year or so have seemed unnecessary and annoying. The Tumblr devs should listen to the users of the platform and take their wants and needs into consideration instead of making changes that only a small group will benefit from. Like, who actually asked for a Tumblr Live feature? Come on. It’s seems like since the recent influx of former Twitter users fleeing Twitter for Tumblr, the changes have catered to them more so than the people that have been the heartbeat of your site for years. It’s a little disheartening to be quite honest.
9 notes · View notes
eggdesign · 1 year
Text
updated my theme on this blog to use a heavily edited version my NPF powered theme
Can't tell if I hate what I've done or not yet haha
Tumblr media
I'm going to change the avatar + description section eventually. But the most important part is that it's working ! Also the ask link redirects to the dashboard version instead of /ask for now.
The npf base theme is technically public (on github) currently, but I'm still working on writing the guide/documentation first. And still extensively testing to make sure the theme won't break anywhere @npfbase is the live preview of the not edited version
Tumblr media
54 notes · View notes
starlightthemes · 2 years
Text
Tumblr media Tumblr media Tumblr media
THEME 8: Washi (1)
Inspired by a washi tape-decorated journal spread created by a friend.
Static previews: index page, permalink | Code
Features:
Decorate 4 tapes using solid colors or images! Choose where and how the images are displayed—tiled across the theme, or as singular accents
Appearance options: Customizable post width, multiple font display options, and a variety of color options, including an (optional) color palette toggle
Tag filtering plugin by glenthemes—edit directly from the Customize menu, no HTML required (see below the cut for usage notes)
Unlimited custom links
Responsive
Supports new post types/pinned posts
And more!
For help, check my theme guide, or feel free to send me an ask. Theme credits are under the cut.
Tag filtering
In the Customize menu, scroll down until you find the text input field labelled "Filtered tags". By default, this is set to "spoiler, spoilers" (without the quotation marks). In this list, you can enter whatever tags you want to filter exactly as you'd write them in the Tumblr post editor, without the hash. Separate each new tag with a comma and a space.
For example, if I wanted to filter the tag #politics, i would simply write "politics". If I also wanted to filter #red and #green, I would now write "politics, red, green". Note that the last tag does not have a comma after it, and that spaces must be included!
Credits
Layout inspired by stuffandsundry, with permission
Style My Tooltips by malihu
Phosphor Icons
Custom like buttons by Demirev
NPF photosets plugin by codematurgy
Palette toggle by eggdesign
Custom audio posts by annasthms
Tag filtering by glenthemes
Scroll to top script by Fabian Lins
Images used in the preview:
Tiles: Green (title tape), pink (tape 1), yellow (tape 2), blue (tape 3)
Icons: Light mode, dark mode
512 notes · View notes
hidengifs · 8 months
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
Kamen Rider Geats (2022) ↳ “Kamen Rider Geats × Revice: Movie Battle Royale”
bonus!
Tumblr media Tumblr media
92 notes · View notes
axle-77 · 8 months
Text
Tumblr media
15 notes · View notes