CAVI Themes

Flynn Theme

Header theme with a false sidebar and sticky post info. Made for writing/text-heavy blogs. This is also an entry for @codingcabin’s Thriller Themes & Creepy Codes Challenge. Features:

450 | 500 | 550 | 600 | 650px posts, 650px on permalink page

Fixed on scroll/sticky post info

Extra formatting: formatted heading tags, alternate blockquote and image styles (see notes for how to use them, see preview 1 for demo)

Show | hide captions and tags

An extra About space at the bottom of the page for description in addition to blog description (optional, can be disabled)

Extra about section has a 50×50px picture (also optional)

Option for Halloween-themed note count

Search bar

3 automatic links (home, ask, archive) + 2 custom links on header

Any number of links (use Tumblr page as link) on footer

Responsive

Preview + Install: Preview 1 | Preview 2 | Permalink | Install

You can find the notes explaining the features here. The preview images are kinda meh, I swear the theme itself isn’t that lame. Check the previews :~)

chamamento is a fansite type of theme by codematurgy, meant for those like me who aren’t actually that good at making sites pretty by offering alternatives to crafting headers and thumbnails:

show or hide avatar

add a header(synchronizes with default header or you can add a custom one)

make header full-width always, only when it reaches a certain screen size, or never at all

choose to align header text on top or at the bottom when using a header image; includes options that besides aligning will also center or hide it on mobile

choose to repeat header image horizontally or not

choose to add a dark screen over the header image(for contrast) or not

limited color choice(for those who don’t want to spend that much time picking colors!) linked to your Tumblr’s default colors, though allow custom values anyway

sidebar sections including updates, showcase, links(two of these!), social media, members and site information

add a custom font for headers and the likes

pick between four font sizes(13 to 16 pixels)

5 post size options(500, 540, 600, 640, or 700 pixels wide)

credits go to:

photosets by PixelUnion

captions and other tumblr variables by bychloethemes

customised like button by mikedidthis on Stack Overflow

clipboard.js by Zeno Rocha

icon font available on Font Awesome

while NPF posts aren’t completely supported, i wouldn’t recommend creating text posts with titles through the app or you won’t get the title in place of the post date at the top of the post.

this theme does not include the options to hide captions, tags or the searchbar since it seems to defeat the purpose of this blog type.

SETE is a theme by codematurgy made for the PANTONE Color Of The Year Challenge hosted by Coding Cabin through Coding Awards. it is responsive to a smaller screen size and features many options:

show or hide header(synchronizes with default header); this options doesn’t synchronize with hiding your header through Tumblr options, though.

use header image(synchronizes with default header) as sidebar image or pick a custom one

add a background gradient

pick 3 different schemes for post background and borders(white, black, or black with light lines) and pick up to 4 different opacities(low, medium, high or opaque)

pick between two margin sizes

pick between three font sizes(11 to 13 pixels)

hide or show captions on index

hide or show tags on index

hide always, hide only on mobile, or always show updates box

hide or show search bar

4 sidebar width options(250, 275, 300, 325)

7 post size options(400, 450, 500, 540, 600, 640, or 700 pixels wide)

credits go to:

photosets by PixelUnion

captions and other tumblr variables by bychloethemes

customised like button by mikedidthis on Stack Overflow

a guide on customizing the updates box is provided as a page on the preview.

Page 02 - Cosmonaut

A multi-tab all-in-one page inspired by an operating system.

Live preview and code

Features:

Seven tabs; bio, books, movies, music, TV shows, social media handles, and tags

All colors, text, etc. is fully customizable

Please note that while HTML/CSS knowledge is recommended to customize this page, I’ve provided guidelines/instructions within the code to help. 

If anything is unclear or you need help, please let me know and I’ll be happy to lend a hand!

Also, please do not remove the credit or claim the code as your own.

ágora is an about/character/plot/wip/anything-that-demands-walls-of-text-really page by codematurgy, responsive to smaller screen sizes as well as featuring plugins and options such as:

autogenerated table of contents;

simple built-in lightbox, with a default and an alternative layout;

page direction(for those using languages with a right to left script);

optional header image(which should be 1000 pixels, though the image being used is smaller and looks cool anyway);

3 pre-set sidebar color schemes.

there are also instructions for changing colors and possibly fonts, as well as many easy to use styles for the content you input to the page, such as making elements float beside the main text or making a gallery section. they all can be found in the proper page guide.

credit @selenabused

Some websites has a little progress bar under their navigation or somewhere on their page to show your current position on the page. It’s a little bar that fills up when you scroll and when you reach the bottom of the page it will be completely filled.

Søren Theme

Fully responsive, single-column theme. Features:

350 | 400 | 450 | 500 | 550px posts, 550px on permalink page

3 custom + 3 automatic links (home, ask, archive)

Show | hide captions and tags

Box shadows (2 styles, optional)

2 alternating accent colors

Search bar (also optional)

Rounded corners (idem)

Custom | regular Tumblr controls

Option to have the sidebar always visible or only visible on click

Preview + Install: Preview 1 | Preview 2 (permalink) | Install