i’ve gotten a lot of requests recently asking me to make a tutorial for my ‘colorporn’ gifsets, and i think i’ve finally gotten over the traumatic incident 3 years ago, when i spent all day writing out a coloring tutorial only to accidentally hit backspace causing the entire thing to be wiped. so, here it is, buckle up folks! it’s going to be a long ride but here’s hoping it’ll be helpful.

so we’ll be going from left side (no coloring) to right (coloring & color porn):

◍ nitrogen theme.

Links: preview | alt preview | install | features

Nitrogen is an exploration into the use of CSS sticky elements. Greet your blog visitors with a flashy header image that transforms into a fixed top bar as you scroll. With several customisation options, pick the style that best fits you!

Features: header theme (3 header sizes) + sidebar image, 500px posts, sticky sidebar + topbar + post source icons, searchbar, styled search + tag pages, 2 permalink styles, custom audio posts

Credits:

Header and sidebar preview images by emeldraws

Feather icons by Cole Bemis

photosets.css by annasthms & eggdesign

NPF images fix v3.0 by glenthemes

COTTON CANDY  // theme number 2 by cherry vibez

FEATURES

540 posts 

six 70 x 70 px sidebar images

four customizable links

21 customizable colors

CREDITS

@octomoosey‘s starter base code & audio post tutorial

code academy for their free lessons

google fonts

@codingcabin crew

WHAT YOU’RE ALLOWED TO DO

edit/customize this to your liking.

WHAT YOU CAN’T DO

remove my credit

claim as your own

use as a base code

repost ( always reblog this post instead )

don’t be rude

like/reblog if using or find helpful. also if you like this theme, consider buying me a coffee? i’d super appreciate it.

THEME THREE: CRAZY IN LOVE by kwiyeom

introducing my third theme. this PREMIUM theme is for multipurpose use ! i tried my best to make this as organized as possible, but if you still have any questions, please feel free to message me ! click on the source link to be directed to a static preview with the link to purchase the theme. PRICE: $3

FEATURES.

400px posts

one png in the sidebar

four options for sticker icons in navigation

a variety of options for the background sticker in the sidebar

optional muse tab

optional extra link

six customizable links

ENDING NOTES & CREDITS.

THEME TWO: 4ONLY by kwiyeom

introducing my second theme that i will be releasing since getting into theme making. this FREE theme is for multipurpose use ! i tried my best to make this as organized as possible, but if you still have any questions, please feel free to message me ! click on the source link to be directed to a pastebin with previews and link to the code.

FEATURES.

350px posts

two pngs in sidebar

two options for navigation layout ( either the sticker icon version or the png version )

four options for sticker icons in navigation

optional muse tab

optional extra link

six customizable links

ENDING NOTES & CREDITS.

Meeresbrise Page 25

Meeresbrise is a responsive network page based on Pantone®’s color of the year 2020, Classic Blue.

Preview | Pastebin Code | Donate: ko-fi, buymeacoffee

Features:

Responsive design.

Network section with masonry layout.

Extras: custom scrollbar, tooltips, text selection, tumblr controls, and mobile toolbar.

Supports tumblr text styles.

Rules:

Do not steal (parts of) the code.

Do not edit beyond recognition.

Do not redistribute to other sites.

Do not claim as your own.

Do not use as base code.

Do not delete or alter the credit.

Please like or reblog if using.

Reblogs are especially appreciated!

Resources:

TippyJS tooltips.

Font Awesome icon font.

Masonry, by DeSandro.

Hide tumblr app button on mobile, by @yeoli-thm.

Entwurf Page 27

WIP page, as suggested by an anonymous user. Can also be used to showcase your favorite books or books you’re currently reading.

Preview | Pastebin Code

Features:

WIPs can be filtered.

Responsive grid + sidebar layout.

Lots of custom extras (tooltips, scroll up, etc.).

Title, description, links, status, and progress for each WIP.

Resources:

Scroll to top tutorial, by w3schools.

Filter elements tutorial, by w3schools.

Progress bar tutorial, by w3schools.

Hidden tumblr app button, by @yeoli-thm.

Tippy.js tooltips, by atomiks.

Blue example image, by Toa Heftiba.

Red example image, by Milkoví.

White example image, by Tom Barrett.

More:

Please follow my rules for this page.

Reblogs and likes are highly appreciated.

Consider a donation: ko-fi, buymeacoffee.

Messenger Page 29

A responsive page inspired by messenger apps, as suggested by @n9eo.

Live Preview | Pastebin Code

Features:

Three sections: about, faq, blogroll.

Responsive layout.

Three custom links.

Lots of custom extras.

Gradients. Gradients everywhere.

Resources:

Hidden tumblr app button, by @yeoli-thm.

Icon font, by fontawesome.

Tippy.js tooltips, by atomiks.

Icon, by Gili Golander (unsplash).

Fonts, from Google.

More:

Please follow my rules for this page.

Reblogs and likes are highly appreciated.

Consider a donation: ko-fi, buymeacoffee.

Meeresrauschen Page 31

A responsive about page with color palette inspired by the ocean.

Preview | Pastebin Code

Features:

Responsive layout.

Sidebar with icon, title, short description, and links.

Many custom extras.

Resources:

Icon Font, by @suiomi.

Hide tumblr app button, by @yeoli-thm.

Tippy.js Tooltips, by atomiks.

Sidebar Icon, by Greg Becker.

Fonts, by Google.

More:

Please follow my rules for this page.

Reblogs and likes are highly appreciated.

Consider a donation: ko-fi, buymeacoffee.

eclipse preview / download (2018) preview / download (normal)

flicker : preview / download

wings : preview / download

this is a v simple page you can use to keep track of works in progress! you can have as many projects as you like and there are instructions on how to change colors, column number, etc. in the code so it’s super customisable.