#theme base

Base Code

preview + code 

This base code covers the basics of HTML and CSS before getting into coding the actual theme. I pick apart the syntax for each language and give some examples as to why/how the syntax works. This is all done in the comments and can be deleted once you no longer need them. 

I included options to toggle between header/sidebar and grid/single column and explain how to do them. This theme has no JS, so all of this is done with CSS.

This theme includes all the basic variables required for the theme garden, if you wish to upload your future themes there. 

Other features:

Responsive

Dashboard style captions

Global appearance options

BASE CODE

sidebar

links nav (4 links)

custom colors

RULES:

+ NO COPY PLEASE!

+ to play and learn

Preview {x} | Code {x} 

Blog personal » (♥♥♥)

you’re using this theme please like/reblog this post.

Hello! I’m glad you like my base code!!

For the dates, if you want to add in other part of the post, this is the code:

{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount}

THEME BASE I

{ preview 1 / preview 2 / pasted / pastebin }

► FEATURES:

Sidebar: avatar, description, navigation

Posts: 400px or 500px posts (1 column), post info, reblog and like buttons,, optional captions, optional tags

Else: font awesome icons, custom tumblr controls, custom tooltips, infinite scrolling, pagination, pxu photosets, custom colors

► NOTE:

Do not claim it as your own base code

Do not repost it

Do not redistribute it

Do not remove credit at the bottom of the code

You are allowed to post it as your own theme only if you make visible changes

► CREDITS:

MY BASE CODES + COMMISSIONS = NOPE !

I have never given anyone permission to use my base codes for COMMISSIONS, nor do I intend to. I published those for free because I meant for them to be for free. Why would I allow others to make money off of my work and not sell commissions myself? It makes no sense. Besides, it should go without saying that editing a code someone else made doesn’t mean it’s YOURS TO SELL. I would have thought that was pretty obvious, but apparently not.

So if you ever see anyone selling themes using one of my base codes, PLEASE DO NOT BUY ANYTHING FROM THEM. It’s beyond rude and disrespectful, not just to me as the creator but also to the people who pay hard-earned money to these people for something they do not deserve to get paid for. I have recently been made aware of two blogs who do this, and I would appreciate it if you let me know immediately if you see someone else. It’s a massive violation of Tumblr’s Fair Use Guidelines, and I will report them. 

If you happened to pay for a theme someone made using my base code without knowing any better, I will not come after you or anything. I know that you probably didn’t even know something fishy was going on. You may have even assumed that they had my permission, which is not an unreasonable assumption. (As it’s nearly unthinkable that someone would be that much of an arse.) But if that’s the case, feel free to go to that person and DEMAND YOUR MONEY BACK, as they pretty much took advantage of you and scammed you.

Base Code

preview + code 

Due to popular demand, here’s my base code! This is pretty much what I use to make all my themes now, but I did fix it up a bit so that it can also be used as a theme on its own!

There are instructions all throughout the code, and I did my best to explain what everything is, why I used it, and how it works.

Using this base code, I explain how to make/use:

Custom post sizes (500px on permalink pages)

Hover tags (using translate)

Optional full sized background image

How to incorporate global appearance (mobile theme features like avatar shape and title font)

a drop down selection menu

rotating CD styled audio posts

speech bubbles

day pages and permalink pagination

localization

I also included the minimum requirements for submitting a theme to the theme garden and pointed them out in the instructions for reference!

Here’s the code without instructions!

Base Theme

Infinite Scroll

Pagination

Apparence

static preview - code

by @outonia​