12themes

[12themes]

Because the theme-making community deserves to come together and build a strong network of cooperation and mutual help, and to fight the lack of active networks that focus on the amazingly talented designers across Tumblr, @baechys  , @themehive , and @grangersdesigns took things into their own hands and created CodingCabin, a Discord server made by theme-makers, for theme-makers.

The server is open for each and every theme-maker, established or just starting out.

What you need to do to join?

Have, at least, one code released.

Reblog this post and send us a message asking for the link to join the server!

What you can find in the server?

So many things! Share resources, tips & tricks, help people and get help in return, make new friends, learn new ways of designing things for your upcoming themes, and so much more!

Our team is supported by amazing theme-makers that you definitely know, like @magnusthemes , @espoirthemes , @annasthms , @pegasusthms , @cactusthemes , and others!

Excited? Come join us!

[12themes]

UPDATE #2: Theme 01

here's what i did today:

general styling of photo posts

sticky navbar

post info (post notes, reblog and like buttons)

doesn't look like a lot, but it took a while!

[12themes]

random post of resources i use almost daily for coding!!

the basics:

tumblr docs

google fonts

vscode editor

help websites:

w3shools

stackoverflow

css:

flexbox guide (the love of my life)

grid tutorial by @eggdesign

resources:

unsplash (free images)

font joy (font pairing generator)

fontawesome (icon font)

can i use (check for css/html support across browsers)

scripts:

tabs

masonry

isotope + the tutorial that taught me how to use it by @hendrixrph-blog + another great tutorial by @magnusthemes

popups

especifically for themes/pages:

normalize css - resets default css

custom like/reblog button + like/reblog button as text + video resizing by @shythemes

css photosets by @annasthms and @eggdesign

+ my #resources tag

hope any of this helps!

[12themes]

UPDATE #1: Theme 01

i started working on my very first theme! my vision for this is just a very simple minimalistic header theme, with a sticky navbar. here's what i did today:

general styling of the body

added the header

added the header image and navigation bar

created theme options (header image style - square, rounded square, or circle; customizable links; font options; body width; and colors)

i will be posting updates here whenever i work on my themes, but you can also visit the sideblog im using to test my themes @12demo!

(also, i am using @evansyhelp's theme skeleton as a guide. thanks!)

[12themes]

✧  THEME SKELETON   —   BY EVANSYHELP.

In the link below, you’ll find a skeleton for Tumblr themes. This is the absolute bare bones. No styling, no scripts, nothing fancy; just the fundamental essentials that every theme code needs, to spare you the time of putting it all together with every new project, and to give beginner theme-makers the leg-up they need to get started. Please like or reblog this post if you find this helpful. Credit isn’t necessary but it’s always appreciated!

ENJOY MY CONTENT? Support me on Ko-fi & claim an exclusive reward today!

✧ ✧ ✧    ( CODE. )   ( TERMS OF USE. )

[12themes]

hello tumblr. i've been on this hellsite on and off since 2014. i've had many different accounts and been on many different sides of tumblr: the personal/just using it for memes side, the fandom side, the gay side, the grunge aesthetic side, the ed/depression side, the studyblr/langblr side, and the feminist side (may or may not be in order). throughout my time, my favorite part has been tinkering with my blogs' themes. i'd spend hours looking for a theme that's Just Right for my blog, and then spend even more time editing the code to personalize it. and then i'd do it all over again because i'd find a better one. i loved being creative with it and challenging myself.

now, i'm on the theme making side of tumblr. i have zero background in coding/website development besides the years i've spent on the "edit html" corner of tumblr. i figured, surely i could make one from scratch if i try hard enough, right? so here i am, challenging myself to make 12 tumblr themes all from scratch. why 12? i just think it's a cool number lol.

that's it for now. happy coding!