theme by
stupidbloodyidiots


theme #12 by stupidbloodyidiots/annisbarathemes 
the sidebar image is 150px wide, perfect for an icon-sized graphic. the description is 150px wide so i do not recommend this theme for those of you with long descriptions.
all font sizes are customizable.  the sizes are in pixels. do not put “px” after you plug in the size of something—the theme will do that for you. just write the number.
there are four additional links.
i will not customize this theme or help you customize it—you are free to edit it as you like but leave the credit on, please. 
don’t remove credit. likes and reblogs appreciated, but never necessary.
live preview | get the code

theme #12 by stupidbloodyidiots/annisbarathemes 

live previewget the code

37 | 1 year ago      theme     tumblr themes     resources     minimal theme     themes     i finally did the thing  



theme #11 by stupidbloodyidiots/annisbarathemes 
there is some movement in this theme, but tumblr won’t let me upload the gif of it, so i recommend the live preview. 
the sidebar image is 96px wide, perfect for an icon-sized graphic. the description is 96px wide so i do not recommend this theme for those of you with long descriptions.
you can toggle the blog title visibility.
all font sizes are customizable.  the sizes are in pixels. do not put “px” after you plug in the size of something—the theme will do that for you. just write the number.
there are four additional links.
i will not customize this theme or help you customize it—you are free to edit it as you like but leave the credit on, please. 
don’t remove credit. likes and reblogs appreciated, but never necessary.
live preview | get the code

theme #11 by stupidbloodyidiots/annisbarathemes 

live previewget the code




theme #10 by annisbaratheon 
there is some movement in this theme, but tumblr won’t let me upload the gif of it, so i recommend the live preview. 
the sidebar image is 200px wide. the description is 150px wide so i do not recommend this theme for those of you with long descriptions.
you can toggle the blog title visibility.
there is an optional quick reblog button.
all font sizes are customizable.  the sizes are in pixels. do not put “px” after you plug in the size of something—the theme will do that for you. just write the number.
there are four additional links.
i will not customize this theme or help you customize it—you are free to edit it as you like but leave the credit on, please. 
don’t remove credit. likes and reblogs appreciated, but never necessary.
live preview | get the code

theme #10 by annisbaratheon 

live previewget the code




Coding, mothafucka. Do you speak it?: Some CSS/HTML tips

So I’ve been getting a lot of questions about where I learned HTML and CSS, which are the main compontents of theme building on Tumblr. I also get plenty of basic HTML and CSS questions, and I thought maybe if I put out some basic advice and resources, people might be able to start figuring things out for themselves!

I was learning this stuff as a preteen, so my resources were fairly varied in terms of maturity level and target audience, but here are some sites I distinctly recall helpful to little me:

Lissa Explains It All: DO NOT laugh this site off on account of its bubblegum color scheme and campy name. It was the single best site I used way back in the day. The language is clear and concise, and everything is spelled out properly, so it’s not confusing at all. Highly, highly recommend it. It’s not just for kids, I swear. 

w3schools: This was another site I visited frequently. The best part is that it has examples of the coding it discusses, and you can try out all the things you’re learning to see what works! 

HTML.net: Kind of wordy at points, but if you know what you want to learn it can be helpful. 

Tumblr’s Custom Theme Guide: Aside from the fact that I didn’t know this existed until long after I’d started making themes, it can be really helpful in learning about the interaction between what you’ll learn on these other sites, and the way Tumblr themes work.

Google: Okay, so this sounds weird, but once you’ve got the fundamentals down and there’s something specific you want to learn how to do—just Google it. I do this when I’m making themes all the time. Chances are that somewhere out there on the internet, at some point in time, someone explained how to do something with HTML. And Google can find that for you. 

Okay, what else… well, here I’ll try to dispense some personal knowledge or wisdom or whatever. Hopefully you can make some use of it.

Uh, so, I hope this was sort of good for anyone who read it. I’m going to stop talking now.

23 | 1 year ago      type: tips  



stupidbloodyidiots:

theme #9 by stupidbloodyidiots 
there is some movement in this theme, hence the gif preview. the links and description slide out when you hover over the sidebar image. additionally, there is an option for a border around the post details and quick reblog button, which will appear when the entry is hovered over (you can see this in the preview; it can be disabled as well). 
the sidebar image is 200px wide. 
you can toggle the blog title visibility.
there is an optional quick reblog button.
all font sizes are customizable.  the sizes are in pixels. do not put “px” after you plug in the size of something—the theme will do that for you. just write the number.
there are four additional links.
i will not customize this theme or help you customize it—you are free to edit it as you like but leave the credit on, please. 
don’t remove credit. likes and reblogs appreciated, but never necessary.
live preview | get the code

stupidbloodyidiots:

theme #9 by stupidbloodyidiots 

  • there is some movement in this theme, hence the gif preview. the links and description slide out when you hover over the sidebar image. additionally, there is an option for a border around the post details and quick reblog button, which will appear when the entry is hovered over (you can see this in the preview; it can be disabled as well).
  • the sidebar image is 200px wide.
  • you can toggle the blog title visibility.
  • there is an optional quick reblog button.
  • all font sizes are customizable.  the sizes are in pixels. do not put “px” after you plug in the size of something—the theme will do that for you. just write the number.
  • there are four additional links.
  • i will not customize this theme or help you customize it—you are free to edit it as you like but leave the credit on, please. 
  • don’t remove credit. likes and reblogs appreciated, but never necessary.

live previewget the code




stupidbloodyidiots:

theme #8 by stupidbloodyidiots 
there is some movement in this theme, hence the gif preview. the “topbar” slides out when you hover over the blogtitle. post details slide out when the entry is hovered over. 
the topbar image is 250px wide or 500px wide without a blog title. recommended topbar image height is around 140px, but as the topbar height is adjustable, it is possible to use a taller or shorter image.
you can toggle the topbar image visibility as well. the blogtitle width will adjust. you can also do the reverse, and toggle the blog title visibility.
there is a optional quick reblog button.
all font sizes are customizable.  the sizes are in pixels. do not put “px” after you plug in the size of something—the theme will do that for you. just write the number.
there are four additional links.
i will not customize this theme or help you customize it—you are free to edit it as you like but leave the credit on, please. 
don’t remove credit. likes and reblogs appreciated, but never necessary.
live preview | get the code

stupidbloodyidiots:

theme #8 by stupidbloodyidiots 

  • there is some movement in this theme, hence the gif preview. the “topbar” slides out when you hover over the blogtitle. post details slide out when the entry is hovered over.
  • the topbar image is 250px wide or 500px wide without a blog title. recommended topbar image height is around 140px, but as the topbar height is adjustable, it is possible to use a taller or shorter image.
  • you can toggle the topbar image visibility as well. the blogtitle width will adjust. you can also do the reverse, and toggle the blog title visibility.
  • there is a optional quick reblog button.
  • all font sizes are customizable.  the sizes are in pixels. do not put “px” after you plug in the size of something—the theme will do that for you. just write the number.
  • there are four additional links.
  • i will not customize this theme or help you customize it—you are free to edit it as you like but leave the credit on, please. 
  • don’t remove credit. likes and reblogs appreciated, but never necessary.

live previewget the code




stupidbloodyidiots:

theme #7 by stupidbloodyidiots 
there is some movement in this theme, hence the gif preview. the links slide in over the sidebar image on hover. post details slide in as well, when the post is hovered over. 
sidebar is 200px wide.
there is a optional quick reblog button.
 you can toggle the placement of the sidebar image (to be either above or below the description and title) and the visibility of the blog title.
all font sizes are customizable.  the sizes are in pixels. do not put “px” after you plug in the size of something—the theme will do that for you. just write the number.
there are five additional links.
i will not customize this theme or help you customize it—you are free to edit it as you like but leave the credit on, please. 
don’t remove credit. likes and reblogs appreciated, but never necessary.
live preview | get the code

stupidbloodyidiots:

theme #7 by stupidbloodyidiots 

  • there is some movement in this theme, hence the gif preview. the links slide in over the sidebar image on hover. post details slide in as well, when the post is hovered over.
  • sidebar is 200px wide.
  • there is a optional quick reblog button.
  • you can toggle the placement of the sidebar image (to be either above or below the description and title) and the visibility of the blog title.
  • all font sizes are customizable.  the sizes are in pixels. do not put “px” after you plug in the size of something—the theme will do that for you. just write the number.
  • there are five additional links.
  • i will not customize this theme or help you customize it—you are free to edit it as you like but leave the credit on, please. 
  • don’t remove credit. likes and reblogs appreciated, but never necessary.

live previewget the code




stupidbloodyidiots:

theme #6 by stupidbloodyidiots 
there is a fair amount of movement in this theme, so i recommend checking out the live preview. both sidebar information and post details slide in to view, though it can be disabled for the post details only (the sidebar will still slide in).
sidebar is 200px wide.
recommended for use with shorter descriptions (sidebar space is very limited).
there is a quick reblog button.
 you can toggle the page count visibility.
all font sizes are customizable.  the sizes are in pixels. do not put “px” after you plug in the size of something—the theme will do that for you. just write the number.
there are three additional links.
i will not customize this theme or help you customize it—you are free to edit it as you like but leave the credit on, please. 
don’t remove credit. likes and reblogs appreciated, but never necessary.
live preview | get the code

stupidbloodyidiots:

theme #6 by stupidbloodyidiots 

  • there is a fair amount of movement in this theme, so i recommend checking out the live preview. both sidebar information and post details slide in to view, though it can be disabled for the post details only (the sidebar will still slide in).
  • sidebar is 200px wide.
  • recommended for use with shorter descriptions (sidebar space is very limited).
  • there is a quick reblog button.
  • you can toggle the page count visibility.
  • all font sizes are customizable.  the sizes are in pixels. do not put “px” after you plug in the size of something—the theme will do that for you. just write the number.
  • there are three additional links.
  • i will not customize this theme or help you customize it—you are free to edit it as you like but leave the credit on, please. 
  • don’t remove credit. likes and reblogs appreciated, but never necessary.

live previewget the code




stupidbloodyidiots:

theme #5 by stupidbloodyidiots 
note: this theme is a re-release of one of my themes that is no longer available. i revisited it on request, but when i got in there i saw a lot of things i didn’t like and ended up editing it heavily. the format of the old theme is still there, but i’ve added options for quite a few new features. hopefully it’s still true enough to the old theme to make my anon happy, but bells and whistles are fun too. 
new features (compared to the original version) include the ability to toggle left/right alignments, toggle blog title on/off, and alter the format of sidebar links, plus a quick reblog button.
sidebar is 250px wide.
do not use this without a sidebar image.
when you install, you must save and exit and reenter customize before the theme will work properly.
all font sizes are customizable.  the sizes are in pixels. do not put “px” after you plug in the size of something—the theme will do that for you. just write the number.
there are five additional links.
i will not customize this theme or help you customize it—you are free to edit it as you like but leave the credit on, please. 
don’t remove credit. likes and reblogs appreciated, but never necessary.
live preview | get the code

stupidbloodyidiots:

theme #5 by stupidbloodyidiots 

note: this theme is a re-release of one of my themes that is no longer available. i revisited it on request, but when i got in there i saw a lot of things i didn’t like and ended up editing it heavily. the format of the old theme is still there, but i’ve added options for quite a few new features. hopefully it’s still true enough to the old theme to make my anon happy, but bells and whistles are fun too.

  • new features (compared to the original version) include the ability to toggle left/right alignments, toggle blog title on/off, and alter the format of sidebar links, plus a quick reblog button.
  • sidebar is 250px wide.
  • do not use this without a sidebar image.
  • when you install, you must save and exit and reenter customize before the theme will work properly.
  • all font sizes are customizable.  the sizes are in pixels. do not put “px” after you plug in the size of something—the theme will do that for you. just write the number.
  • there are five additional links.
  • i will not customize this theme or help you customize it—you are free to edit it as you like but leave the credit on, please. 
  • don’t remove credit. likes and reblogs appreciated, but never necessary.

live previewget the code




stupidbloodyidiots:

theme #3 by stupidbloodyidiots 
sidebar is 200px wide.
all font sizes are customizable.  the sizes are in pixels. do not put “px” after you plug in the size of something—the theme will do that for you. just write the number.
there are two additional links.
there is an option to toggle the border beneath the note/date stamp.
i will not customize this theme or help you customize it—you are free to edit it as you like but leave the credit on, please. 
don’t remove credit. likes and reblogs appreciated, but never necessary.
live preview | get the code

stupidbloodyidiots:

theme #3 by stupidbloodyidiots 

  • sidebar is 200px wide.
  • all font sizes are customizable.  the sizes are in pixels. do not put “px” after you plug in the size of something—the theme will do that for you. just write the number.
  • there are two additional links.
  • there is an option to toggle the border beneath the note/date stamp.
  • i will not customize this theme or help you customize it—you are free to edit it as you like but leave the credit on, please. 
  • don’t remove credit. likes and reblogs appreciated, but never necessary.

live previewget the code




Quantcast