Close
×
Navigate
=

cloudythms

This is a blog to showcase the tumblr themes I have created. I focus on minimalistic, unique, mobile responsive & accessible themes.

My name is Petra, I'm a 25-year-old ex frontend web developer from Austria. I started releasing themes in 2016. I've had an interest in creating websites since I was 11 years old. I took a long hiatus from 2019-2024.

I'm also a member of the coding cabin.

about me.

My name is Petra, I'm a 25-year-old English student from Austria. I used to be a full-time frontend web developer for four years. In my free time I listen to music, draw, write, watch videos/tv/movies, and code.

I started releasing themes in 2016. I've had an interest in creating websites since I was 11 years old!

I also have a neocities website!

I like making diverse, responsive & accessible themes with good code quality.

petra
she/her
17.07.1999
austria
english student,
ex web developer
HTML
CSS
SCSS
JavaScript
PHP
my education.

I learned programming in high school for 5 years, but they never taught us web development, so I actually self-taught myself HTML/CSS (and later Javascript) by playing around with tumblr themes.

Out of highschool I got a job as a frontend web developer, at which I stayed for 4 years and learned a lot. Then I quit because I became bored.

my process.

I code in VSCode until I’m forced to switch to tumblr’s editor. In VSCode I use SCSS, an autoprefixer, linters, and formatting plugins to make my life easier.

You can read more about my set-up here.

I test my themes in most modern browsers and on mobile devices.

send me a message.

↪︎ Please read the f.a.q. and answered questions first. (see below)

↪︎ Having troubles with a theme? IInclude the name of the theme you are using, and the url of the blog you are using it on (like this: @yoururl). If you want to send screenshots, you can use my submit page.

↪︎ I do not answer customization questions, questions about my retired themes or themes from others!

f.a.q.
Answered Theme QuestionsAll answers To find answered questions for a particular theme, find the theme here and click the “q&a” link. If there is no link, there haven't been any questions yet.
You didn’t respond to my message!Sorry! Tumblr sometimes swallow messages. Try again. Make sure not to include links in your message, or tumblr marks the message as spam.
A link is broken!Please tell me about it. Meanwhile, if you need a code, you can visit my github and search for the theme code you need.
I get the following error: "Looks like you’re trying to add some Javascript or invalid html to your page. You’ll need to contact Support if you’d like to use Javascript"Please read this post by glenthemes.
I get the following error: "Uh oh! We couldn't save your theme. Looks like your custom theme references assets from non-HTTPS URLs. Please try again using only HTTPS URLs."Please read this post by luhathemes.
credits.
fonts and icons:codes:codes in old themes:
tutorials that helped me:
used in current theme:

Huge thanks to all! ❤
plugins.
whitelist/blacklist tags
  • hide specific tags or
  • only show specific tags
  • (All tags will still work!)
Get it!
no text previews in post links
  • Removes text previews from post links
  • (All links will still work!)
Get it!
theme help assistant
  • gives instant help to the most common theme-related problems
  • simply put it on your faq page in an iframe!
Work in progress
pagii
  • detects current page type (home, post, tag, ...)
  • adds helpful classes to the body element
  • use page types in if statements in javascript!
Work in progress
all-around javascript helper
  • many functions to make coding easier
Work in progress
rules.
By using my themes and codes, you agree to these rules:
You must…
  • like and/or reblog the post of the code you are using
You may…
  • change the codes in any way for personal use
  • move the credit link to a similarily visible place
  • use my themes as inspiration for your own work
You may not…
  • remove or obstruct the credit
  • take parts of my theme codes and use them somewhere else
  • use my themes on hate blogs of any kind
  • claim my work as your own

By using my themes you agree to my rules. Please like and/or reblog themes that you use. You can find the full credits here.

petrapixel:

hello! a little introductory post i guess! i’m petra and i have a neocities site called petrapixel!

image

i make coding tutorials and help pages, resources, art, playlists, and and a bunch of other stuff!

i decided to make a tumblr blog for it so i can be a part of the neocities community on here too! :) so hii!

petrapixel:

image
image
image
image

This is Holly, a stray cat that decided to become my cat this summer. What I didn’t know: She was pregnant. She gave birth to five kittens in my apartment, so I now have to raise them.

As an unemployed uni student, the expenses have been rough for me. Currently they eat almost 10 packages of wet food a day, plus dry food, cat litter, and of course the expensive vet appointments. I have spent over 400€ on them since October. I also will have to get Holly spayed, which will cost 200€. I appreciate ANY help, no matter how small!!

Donate on my ko-fi page or reblog/share this if you can’t :]

Thank you!!!!

cloudythms:

I just made a little tool to easily create lists of tumblr tags for your pinned post or custom page! Basically all you have to do is enter a list of your tags in plaintext (e.g. tag1, tag2, tag3) and it outputs a list with the links added on. You then can copy and paste it into a post/page and the links will work. I used it for my own tag list here.

=> click here to try it!

fyi, i added a little warning in case someone tries to have a tag list with more than 100 tags, because apparently tumblr doesn’t allow more than 100 links in a single post! (Thought it might still work for posts created before this limitation.)

updates :)

hi guys, i’m alive!! i’ve kinda been ignoring tumblr coding because i was so annoyed at all the dumb changes happening to tumblr themes. i stil love coding though! i have a neocities website now (here is my profile if anyone is interested).

i kinda feel like making tumblr themes again.. but i’m totally out of the loop, so it will take some time for me to find a good base code and learn how to deal with npf posts.

i’ll also have to check if my old themes still work and maybe update or archive them. for now i’ve only updated some info on my own blog and changed my icon! oh well, stay tuned for more updates!

I just made a little tool to easily create lists of tumblr tags for your pinned post or custom page! Basically all you have to do is enter a list of your tags in plaintext (e.g. tag1, tag2, tag3) and it outputs a list with the links added on. You then can copy and paste it into a post/page and the links will work. I used it for my own tag list here.

=> click here to try it!

Anonymous asked:

hi! i was wondering what theme you currently use for your blog? i want my posts to show at the bottom (like your blog) rather than to the side like most other themes/pages tend to, so i was wondering how to do this? thank you :)

hi there! i made my theme myself and haven’t published it. but the type of theme you’re looking for - i think - is just “header”/“topbar”, you can find some here. (just ignore those which also have a sidebar).

just realised this blog still exists! sorry guys, life is crazy. would anyone be interested in new themes from me? ^^;

i just wanna make it clear that i’m on hiatus (and not answering asks)!

tag page 03

Preview × Get the code

a modern tag page with filters and an optional “show archived” checkbox. icons by the following users on flaticon.com: Freepik, Smashicons, Pixel perfect, Good Ware, fjstudio

  • guide for editing is in the code
  • fully responsive (3rd picture shows mobile)
  • all colors easily changeable
  • filtering by category (16 different icons available)
  • optional “show archived” checkbox (this is just another category that you can put your tag groups into, to keep old/unused tags out of the visitor’s view while still making them available)

please like or reblog if using rules credits support

“louvre” theme

Preview × Get the code

my first blog theme in over a year! it has big posts (600px) which are great for image-heavy blogs. note: disable the blogroll tab if you are using this theme on a sideblog (because blogrolls only work on your main blog)!

  • fully responsive
  • supports new and old post formats
  • all colors customizable
  • show/hide tags and captions
  • sidebar tabs: description, ask, menu, tags, blogroll
  • sidebar: 5 custom links (+ all your custom pages), 14 tags
  • show/collapse/hide tumblr controls

please like or reblog if using rulescredits support

Anonymous asked:
Hi! I'm having trouble changing the images on the playlist theme! I tried uploading my images to different websites to get image urls, but they're still not showing on the page. How did you get urls for your images? :)

You can use sites like https://imgur.com/ to upload images.

But here’s a secret tip: I always just upload them into a tumblr post, save that post as a draft, copy the image addresses and paste them somewhere so i can use them later, and then delete the draft. Works like a charm!

If you’re still having problems, please send me the url you are using the page on, so that I can take a look at it :)

hako-aiko submitted:
@clover-zero-art : “I really like your playlist page but when I copy-paste the codes from github, it looks like this…broken. I’m confused about what happened.”
——–
Hello! Sorry, seems there was a problem with the site I used to host the code. Please...

@clover-zero-art : “I really like your playlist page but when I copy-paste the codes from github, it looks like this…broken. I’m confused about what happened.”

——–

Hello! Sorry, seems there was a problem with the site I used to host the code. Please re-install, it should work now!

playlist page 01

Preview × Get the code × Answered questions

a page theme inspired by spotify.

  • guide for editing is in the code
  • fully responsive (= works on mobile devices)
  • dark or light theme
  • sections can show big or small playlists
  • all colors customizable (guide is there)
  • on hover on cover: post link, playlist link, popup button (for additional info)

please like or reblog if using rulescredits support

Anonymous asked:
I'm wanting to install "dark" but I haven't installed a Tumblr theme before and I'm having issues figuring out how and I can't find a tutorial help?

hello, it’s a dashboard theme, and there’s a tutorial on how to install it here

Anonymous asked:
hey thank you so much for your dashboard themes!!! i've installed the "dark" theme, and as usual, every other line of a chat post has a different background from the original post (every other line is a light grey on the normal site instead of white). however, it appears that the "every other line" background colour is unchanged? this wouldn't be an issue normally but since the dark theme is black with pale text and the alternate bg is pale grey it's hard to read. is there a way to fix this?

sorry for the late answer, my tumblr was bugging around!

yes, that was my mistake. fixed now, please re-install!