#html help.

hi u !  i only started making themes towards the end of last year, so i’m still learning too, but i’ll try to help you out !  one of my biggest recommendations is to start with a base code; it’ll help you understand all components of tumblr themes & the confusing parts are already there. i’ll link some things i find helpful below:

all-in-one base code by neonbikethemes (includes tabs)

base code by limesthemes

theme tutorials by octomoosey

theme tutorials by lmthemes

lots about positioning by internetingishard

css animation for beginners by rachel cope

inline-block info by angelo simeoni

imessage chat posts by animalities

installing custom fonts by jcnnie

scripts tag by theme-hunter

w3schools (html/css how-to’s)

codeacademy (learn code)

code tutorials by mozilla

google everything !!  seriously. if you don’t know how to do it, someone’s most likely posted a tutorial about it before. “how to add ___ html” / “how do you ___ css”

add “site:tumblr.com” before your search to make results tumblr-specific.

i was planning on releasing it properly, but i can’t seem to make it work in a way that i’m really proud of so i’m gonna call this… an informal release / base code. thank you to octomoosey and str-wrs for their tutorials !  i’ll remake this one with better formatted headers, but this is a good starting point !  work on styling “adminq h1″ and “adminr h1″ so it stands out / fits your theme.

temporary preview.

paste this code between & .

paste this code between <b>& .

paste this code between

&

 .

paste this code wherever you want the link to be.

hi there !  i think my themes are centered on every screen size, but i haven’t really tested that theory ?  so i apologize if this isn’t correct but, for my themes, i do this in the container section of code:

position:absolute;   margin:auto;top:0px; bottom:0px;   left:0px; right:0px;

using custom layout, you’ll wanna add a div below for <b>img and use <b>padding-left. i did 4px, but you might wanna adjust based on your line height (i included the line of code below to clarify a lil further) <b><i>!  this will format all images uploaded to the page to have a 4px space to the left of them. if that doesn’t make … any sense, then feel free to im me and i’ll just send u my code :p

img { padding-left:4px; }

so you’ll notice that my pagination got knocked out of my box because i made the description too long, so that might be a little buggy, but otherwise, i don’t mind helping you out at all ! if this doesn’t make sense, feel free to im me:

use ctrl+f to find .sidebox {

find the line of code i’ve provided below, only edit the top section (i bolded it).

decreasing the number will move the description box closer to the top, increasing the number will move it closer to the bottom.

left:0px; right:545px;    top:250px; bottom:0px;

It’s the same as my h5 element  ((  no idea who made the original lol  )), you just gotta paste this code onto whatever you want to look like this.

yea it makes sense no worries. it’s an html thing. i’ll put a lil tutorial under the cut.

          sure  thing,  love !   it’ll  be  under  the  read  more !!