#theme tutorial

[5ummit]

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:

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.

[c1g4r3tt3sm0k3]

Heyy!! I love your carrds so so much they're so pretty!! Can you please make a f2u non pro discord nitro themed carrd please please please

HELLO HOPE THIS IS GOOD!

non pro freindly discord nitro themed carrd

get the carrd here look at it here! here is also the image i used for the nitro badges!

REQS ARE OPEN FOR CARRDS!! only req i have is to be following me to ask for a carrd! and I DO CARRD COMMS!! so if you have a specific carrd you want made message abt my prices and what i take!! use my referral code also to help donate and get some money off on buying pro here / use the code manually HXYLIN !

[namphoria]

　 　w w w . carrd . co // ⋆ 𐙚 ₊ ˚ 🐇 ⊹ ♡ ˚ .

✿ CARRD INSPO // © misamory

like or reblog if saveㅤ⿻ㅤᐢ..ᐢㅤ♡ㅤ2023.

[thedevilsfamiliar]

This is for the ao3 users who enjoy color or prefer non-white backgrounds

There is a TikTok user who made a tutorial of how to make your ao3 colorful, I’ll link her profile down below cuz she has MANY diff skin tutorials

Here is her tutorial, here is her link to her page.

These are two that caught my attention, but that’s cuz I need darker colors, she has a lot of pretty and colorful themes for y’all to check out!

Enjoy!

And thank you @cloudysao3 (her TikTok and Instagram handle)

[lovjbini]

✩ CARRD INSPO by LOVJBINI // © crdais

like or reblog if you useㅤෆㅤ2024.

✎﹏ please, put “ © crdais – tutorial by @lovjbini ” in the description if you use our tutorial!

CLICK HERE FOR TUTORIAL

[atsubie]

🥖 𝓨𝗈 𝗍𝖾𝗇í𝖺 𝗎𝗇𝖺 𝖾𝗌𝗉𝖾𝗋𝖺𝗇𝗓𝖺 ᭪ᬻ𓏸𓈒ﾟ⃝

𝅄 ི۪۪۪ ֯ ּ ֗ ۫ 𝖤𝗇 𝖾𝗅 𝖿𝗈𝗇𝖽𝗈 𝖽𝖾 𝗆𝗂 𝖺𝗅𝗆𝖺 𝅘𝅥𝅮♪ ˟̫ː᜴ 🍰

[dodgesgirl]

how do you get your text that soft pink shade? tutorial?

BABY PINK TEXT TUTORIAL !

hi babe!! here's a short and hopefully easy to understand tutorial for the text i use in my posts ᥫ᭡

also, just a little disclaimer: the images on this post might not be visible because they exceed the limit of 10 images per post on mobile app. should be fine on a laptop or pc though!!

okay firstly, make sure you're using a laptop and open your post in one tab and in a seperate tab open jsfiddle.

you should be able to see this coding somewhere on your screen:

you're gonna replace the two hex-codes (highlighted text) with whichever colours you'd like. to do a gradient, like this, the two codes will be different, but i like to do a solid colour like this so my codes will be the same.

the hex code i use for the baby pink is D2A3BE, or you can use your own. if you don't have a hex code you like yet, you can use the colour picker on this site to find one!

just copy and paste the hex codes into the code so it looks like this:

make sure it looks exactly like this. you still need all the spaces, quotations and other code. only change the hex codes.

in the top left of your screen, there should be a "run" button, and when you press it, the colours in the bottom right should change from the default ones to the ones you chose.

next, you're going to open your tumblr post in your first tab.

your post will start like this. you'll go to the settings button in the top right (circled) and change the post from rich text to HTML

this will enable coding on the post. you'll still have 'preview' where it will look normal and you can still type and edit the post as you usually would.

once you've typed something it will show it in the HTML option just in a different way:

you want to go to the preview page and make sure you've got the text looking exactly as you want it (bold, italic, small, etc.). also note that colours look especially good and show up well when the text is bold. i set mine to bold as an example.

when you switch to HTML it will look something like it does above.

next, you'll copy the text between all the coding prompts (e.g. <p><b> and <b><p>). only copy the text you want to be pink or another colour!! don't highlight any of the coding. then paste it this top box on jsfiddle so it looks like this:

press "run" on the right, and it will spit out a line of code in the second box that will look something like this:

you're gonna copy that line of code and switch over to your tumblr tab. on your HTML version of your post, find the text you're changing and highlight it. then paste the code into that spot. make sure not to highlight any of the surrounding code - only the text you've written and want to change.

it will look super weird and long because it's colouring each symbol and letter, if you look closely, each letter of "example text" is separated and surrounded by code. when you switch to preview it will look like this:

for gradient, the process is the exact same, but on jsfiddle, when you're replacing the default hex codes with yours, the second hex code you plug in will be different to the one you start with. for example:

this second colour is C45494 btw!!

to do specific text in a paragraph as if bolding it (which i do in a lot of my posts), you just want to find that text in your HTML post, and copy and paste the specific word/s into your top box on jsfiddle, and then proceed as normal. example:

hopefully this helped!! let me know if you have any questions or need me to go over anything ( ˘³˘)

[code-lab]

Nouveaux tutoriaux !

'Christa Lostmindy nous a réécrit le code qui permet de déplacer les champs de profil dans un post pour qu'il soit plus simple d'utilisation ! (il sera mis par défaut sur le Blank Theme sous peu) Elle l'a accompagnée d'un tutoriel hyper pédagogue qui explique en détails le fonctionnement des champs de profil en général.

▶ Déplacer et personnaliser les champs de profil

Elle a également réécrit le tutoriel pour les champs de contact afin de le rendre plus complet, toujours en étant très pédagogue ! Merci pour sa patience et son implication 👏

▶ Personnaliser les champs de contact (message et profil)

[nemyzilla]

tutorial ??

[goxjo]

HII I LOVE UR BLOG SM ITS SO PRETTY😭❤️

I wanted to ask how you make your cute PNGs with no bg and the animated thin lines???

They’re so cute (T T)

Hi nonnie, thank you that's honestly so sweet of you!!! Sorry for the delay, I got a little busy and tried to see if there are any free sites you can use to make these. Before I get to the tutorials tho I’d like you to know that you can totally request animated dividers from me lol (I’ve taken a couple before here!) just send me a few hex codes / theme colors + bg / transition colors (optional) <33

Anywhoooo I use photoshop for everything but the tutorials below the cut have free-to-use friendly options (I believe!!) ++ I made a separate post for the animated thin lines because tumblr only lets me upload one video per post!!

Tutorial on how I make my banners <3

⟢ ┈ for this tutorial, you can use Photoshop (Paid) or GIMP (Free)

GIMP was my 'training ground' for photoshop lol and the tutorial is pretty much the same for both editors.

I use the wand tool to remove plain / obvious BGs and the pen tool to remove any stubborn parts that the wand tool can't detect (some people prefer masking but this is just how I like to do it)

++ YouTube tutorials are pretty much available for both tools, and unfortunately I don't think there's any way around learning how to use them + the pen tool might be a little tough to get the hang of at first, but you'll get there!

FYI, I tried to use a few 'free bg remover' sites and they don't really do the trick for me :c Canva Pro has one bg remover tool but I haven't tested it out for myself!

Here's a quick little vid lol, I used my darling Eliza as an example + it's sped up to 4x!! Tip: You may add a green (or any vibrant color) layer at the bottom just so you can clearly spot any "strays" (also, my apologies just bc this is a very rough clean up pffft)

After 'cleaning up' I like to color panels with my signature colors <33 I usually just add a color overlay (double click / right click the layer + select ‘blending options’) and play around with blend modes

FYI, some people use Picsart to color their banners but tbch, I played around with it once before and I really just have no patience for the tool I'm sorry ;-;

I'm using Vivid Light @ 50% opacity for this example (it's also more or less what I used for the one on my pinned)

The rest is really just about layering + framing!! (if you're happy with the colors of your panel, you can absolutely do everything else on Canva Free)

For my banners, I almost always use this heart shape I got off google:

For the heart layer itself, I set 'Fill' @ 0% and use the outer glow feature in blending options so it looks something like this: (it looks transparent now but it becomes more vibrant when uploaded)

Then I put my 'cleaned' PNGs inside the heart, crop / remove borders (using the wand tool!!!), add sparkles (totally randomly placed lol) or other brushes, add a BG if I want, and that's it! All that's left is to export as PNG <33

BUUUUT AT THE END OF THE DAY If cleaning up panels / images is too much work (I know it is lol), you can always try to look for 'transparent [keyword]’ (e.g., transparent manga) images / panels here on tumblr or on pinterest. Most of them are free to use anyway + recolored too!! That way you can edit them more liberally on sites like Canva (Free) that more or less have similar options.

[warrenwoodhouse]

Fallout 4 Main Theme Guitar Tab (Guitar Tabs) (Music Tabs) (Music) (Guitar Tutorials)

Photo and Tab by @warrenwoodhouse #warrenwoodhouse

Written up this guitar tab for the main theme song of @fallout #Fallout4. The theme song is by #InonZur.

[mindydc88]

made a carrd template tailored for multilingual professional artists to build their own portfolio website or anyone to use as an online resume.

Demo: https://1686962758f6e15b.demo.carrd.co

Buy it: https://carrd.co/buy/a8b580166e4d17d4

[c1g4r3tt3sm0k3]

BASIC ACC FREINDLY LIGHT PINK MINIMAL CARRD

Hiii guys, to the comments and everyone i apologize for the inconvenience of the title and everything, the carrd was free at one point but many people kept stealing the carrd and removing creds and giving copies of the carrd and saying they made it. I had sent out posts on here and my discord server letting everyone know if it didn't stop i would start charging for the carrd or just take it away all together and it got progressively worse so i decided to change it to a paid carrd and realized after a couple comments about it on this post that i forgot to change the post and take away the parts where i said free, if you would like the carrd for free there is a tut up on my youtube channel (linked in my pinned post or comms carrd i believe) for it but i won't be giving out copies or temps of it anymore besides the paid one thank you!!

HIIII everyone here's a new carrd! obtain it here look at it here!

REQS ARE OPEN FOR CARRDS!! only req i have is to be following me to ask for a carrd! and I DO CARRD COMMS!! so if you have a specific carrd you want made message abt my prices and what i take!! Donate tips to me so im able to continue making free carrds here! use my referral code also to help donate and get some money off on buying pro here / use the code manually HXYLIN !

[namphoria]

✿ CARRD INSPO

like or reblog if saveㅤ⿻ㅤᐢ..ᐢㅤ♡ㅤ2023.

❛  please, credit me as "namphoria on tumblr" if you remake!  ⁾⁾

[tumbl-repository]

Tags Masterlist. Click to find tagged posts.

Updated 31 October 2024.

General tags:

themes - patterns - resources - navigation - sidebar - interactive - header - fansite - contained - fandom - tools - tags - pixels - gif - graphics - dividers - pages - all in one - blinkies - code - colours - html - javascript - no javascript - neocities - templates - tutorial -

Specific tags:

kingdom hearts - seashells - splatoon - summer - steven universe - book - cats - colourful - computer - constellation - cute - eyestrain - facebook - fish - hexagon - horizontal - metal gear solid - music player - particles - pokemon - reddit - simple - social media - space - spongebob - tarot - undertale - water - webcore - writing -

Year of creation:

2013 - 2014 - 2015 - 2016 - 2017 - 2018 - 2019 - 2020 - 2021 - 2022 - 2023 - 2024

Full masterlist page:

More will be added later. Feel free to suggest anything!

[lovjbini]

✩ CARRD INSPO by LOVJBINI // © hyunico

like or reblog if you useㅤෆㅤ2024.

✎﹏ please, put “ © hyunico – tutorial by @lovjbini ” in the description if you use our tutorial!

CLICK HERE FOR TUTORIAL