Theme blog of
| |
Hello, this is Maria, and here you can find my own themes, pages, updates tabs and help in all things HTML. You can request a theme here

I will make tutorials only on request, so if you have a question consult my askbox on or off anon and I will do my best to help you. But please always check the tutorials first, you might find your answer there.

Please always mind the theme rules. Thank you and enjoy! :)

latest themes, tabs and pages on here


  • Theme #97
  • Theme #96
  • Theme #95


  • Page Package #3 (about, navi, blogroll and faq)


  • Tab #13 (hover)
  • Tab #12 (hover)
  • Tab #11 (hover)

    All the rules and my FAQ can be found here


  • Don´t steal, don´t delete the credit, don´t claim as your own, don´t redistribute
  • You can use as base but consult me about the result please
  • Before asking me, check the tutorials and the complete FAQ. If you do ask, include the theme/tab/page number please.
  • Hi! I really help and i've asked around but no one seems to be able to fix it, and i was wondering if maybe you could? On my secondary blog, danthonypng , theres this scroll bar on the side of the posts and its driving me crazy!! i've tried deleting all the scroll bar codes, changing the color, the size, and nothing happens. Is there a way you could make it thinner, a different color or even just get rid of it completely? Thank you so much!


    well…you need this scroll bar next to your posts darling, otherwise people won´t be able to scroll down! i dont see a problem there tbh. 

    and also, i´ve said it various times, if it´s not my theme then i won´t answer questions. plese keep that in mind.

    Hi! First of all, thank you for your great themes :) I've just started using #91, but I've encountered a problem: don't know why, every text is shown as if it were bold, even if it actually isn't... don't know what to do! :( Maybe you can help me? Thank you in advance!


    did you make the text in your description bold by using <b> and </b>? its very likely you forgot to close the bold text, forgot to insert </b> at the end :)


    by iamthemelocked / thewomvn

    static preview | code

    If you are having problems, just check the tutorials on my HTML blog or ask me there :)

    General Stuff
    • over 50 customizable colours (e.g. the header/sidebar, the sidebar links, the description and post text, the tag buttons, the info buttons, the question and audio background, the scrollbar, the updates tab colours etc.)
    • font types and font sizes (for posts, description, pagination, etc.) are also easily customizable
    • option to choose grayscale posts
    • option to choose to choose a tiny cursor
    • option to choose either infinite scroll or the pagination
    • option to have between 2 and 12 links, just turn those you don´t need off in the menu
    Included Updates Tab
    • this theme has a slightly altered version of one of my updates tabs in its code (#11)
    • it is located in the top left corner of the theme, it has 5 lines with a text box appearing upon hover (you can always add more)
    • the colours for the tab boxes and the titles are easily customizable in the main menu
    • you have the option to either keep it or turn it off, depending one your choices
    • the updates has a “standalone” version as well, which can be found here and here
    • one column posts
    • post width: 500px
    • option to choose between grayscale posts, which regain their colour upon hovering or constantly colourful posts
    • contains 3 pictures
    • big picture size:250px x your screen height, small picture size: 60px x 60px,
    • contains links, description and pagination
    Links, Description and Pagination
    • 12 links in total with customizable tooltip titles and colours
    • you can choose to keep all 12 links or only use a few of them, here all of them are shown
    • your description can be as long as you like
    • jump pagination (up to 5)
    • links are static, upon hovering over the sidebar both small pictures will disappear and both pagination and description will slide in from the left
    Post Info and Tags
    • the info section is located at the bottom of the posts, with date/notes/via/origin and reblog buttons
    • upon hovering over the posts the tags will appear as little boxes underneath the posts, who also change colour upon hovering
    • the colours for both are also highly customizable
    • notes are shown with roman numbers and without icons
    Other Stuff
    • I´ve made the theme that way that you can always put various updates tabs in it, there is enough space on both sides of the posts/sidebar.
    Rules and Advice
    • Please don´t delete the credit, steal the code, claim as your own or redistribute. Thank you darling!
    • If you want to use it as a base I would like to know about it first, you can even claim it as your own as long as you made a lot of changes and consulted me first.
    • All my rules and terms can be found here

    If you need any help or don´t understand something request a tutorial on my HTML blog. Well then, have fun with my theme!

    It would be wonderful if you could like or reblog this post to show me who is using the theme. (You get all my love if you reblog :D)

    4 squares hover updates tab (#13) by iamthemelocked / thewomvn

    STATIC / LIFE PREVIEW if the gif isn´t enough :)
    • the codes : 1 | 2 3
    1. paste code number 1 in the meta section of your theme (right at the top where you can see for example: <meta name=”color:Background” content=”#ffffff”/>). This is so that you can change the colours of the boxes without going into the code.
    2. paste code number 2 right above {CustomCSS}</style></head><body>
    3. paste code number 3 right under {CustomCSS}</style></head><body>



    • The original version has 4 squares / lines with text boxes that appear upon hovering
    • it contains a picture in the middle, size: 70px x 70px
    • All the colours are customizable without having to go into the code, just do it in your tumblr customizing menu
    • For inserting the text you need to go into the code though, just like with every other updates tab
    • You have the option of turning it off in your customizing menu if you don´t want to use it anymore, you don´t have to delete it from the code
    • Check my other updates tabs for reference, on all those posts there are explanations for most questions.
    • If you don´t find the answer to your question there, check the tutorials on my theme blog.
    • If you still have questions, request a tutorial here.

    You want to have a colour spectrum to choose from?

    Check this link.

    You want to add colorful headers?

    The tutorial is here.

    You want to add a music player?

    Find the detailed tutorial here.

    You want to have a clock in your updates tab?

    Check out this link.


    This updates tab is mine and mine alone.(thewomvn/iamthemelocked)

    I spent a lot of time making it so I would really appreciate it if you:

    1. left the credit where it belongs

    2. directed others who ask for a tutorial for this updates tab to this post

    3. didn´t claim it as your own, no matter how many changes you have done

    4. didn´t steal the code or redistribute this updates tab in any way.

    I will find out and I can assure you, it´ll not be pleasant for you.

    I am always there for your questions, so check on my HTML and Themes blog if you want to know something or just ask your question there and I will make a tutorial for you.


    Hi, I just made a Tumblr account and I am lost. I made a page and I would like my blog posts to go to that page instead of my home one but I have no idea how to get it there. I am soo lost. :(


    don´t worry, i´ve got you :D

    you have a theme right? go on costumize, scroll down in your theme and where you put the links just insert your page link :) for example, if you made a page with the url /about then just insert exactly that as your general link url :)

    hi i read the rules u have a lot of links im sorry so if u alredy answered this ill look for it but my question is how do you move your portrait/picture to the left side of your tumblr instead of right?


    you change the margin-left to a low number (or you exchange margin-right with margin-left) and sometimes you have to change the float too. just insert 


    into your pic code :)

    Hello, I am trying to change the position of my "header" or "banner" as some might say. I found the picture in which you show us how to do this, but I can't seem to find the location of that information on my HTML. I have typed in headerimage to try to go off of the tutorial you have shown but I can't seem to find it. Is there any way you could help me?


    okay so you need to be more specific dear:

    • what theme are you talking about?
    • is it one of mine?
    • what exactly do you want to do? move it to the right/left/top/bottom?
    • maybe come off anon so that i can help you more easily? 


    OK, so I have no idea what I am doing so totally wrong here. I am trying to use your updates tabs #11 and I have followed every instruction to the 't' and I read you entire tutorial page and I can't get it to even appear on my blog. I've completely edited my other pages myself and have never screwed up this badly... what could I be doing wrong? Could it just not be compatible with my theme?


    hmmmmmm…. it might have to do with your theme, which is pretty unique so idk if there are complications in the code but it should be shown anyway! sometimes it doesnt work on some themes but it should still be shown…

    are you sure you pasted everything where it´s supposed to go? just doule check everything and if it still doesnt work then i dont know what to do tbh :(

    Hi! i usde one of your theme and i LOVED it but i'm having a bit of difficulty with it... I've been trying to put a picture in the bottom right but none of the codes i've tried works :/ (its the theme #65)


    thank you :)

    why do you want to put a picture in the bottom right? as an updates tab you mean? if you do so then please move the credit somewhere else, to the left would be for the best (you know, i dont want to help you hiding it)

    if you got to my updates tab posts then there is a link and how to get a nice picture updates tab (not by me, its a good tutorials though) in the right corner, it should work if you try this :)

    Um on the hover boxes 3x3 theme the boxes don't move, it's just one long column...


    well you didnt copy it the way it was supposed to if it looks like that

    please double check if everything is correct before you save and dont accidently delete any </div> s

    I really love your update tabs and I was trying to install #12 and before that #11 but after I copied all the codes in and everything only Box 3 would come down when I hovered over it and with #12 none of the little squares would come down at all. I copied the codes into the places that it said, with no extra spaces or characters but there's no hovering happening. I'm not sure if there's a step I'm missing or I did it wrong?


    there must be a problem with your background picture i am afraid. because for me the boxes dont move either when the background is fully loaded but when its only there partly the lower boxes are moving. i just tested the code, both tabs works absolutely fine for me (without a background though). that must be the thing :)

    Hey, Maria, I was just wondering if you could help me with something. I'm using updates tab #2, and you know how the boxes (not with the text, just the boxes) are on the left, and when you hover over them, the text boxes appear on the right? Is it at all possible to change it so the boxes are on the right, and the hover text on the left? Thank you so much, and if this isn't clear, I'll try to explain it better. <3


    well that would be a little bit of work but maybe there is an easy way for it.

    you can put


    in every single one of those updates box codes and see if it aligns to the right side. you also have to change all the margin-lefts and text-align: left to right of course :) just change everything where you see left into right and insert that float code above and it should be working. if not then come to me again :)

    Hello, awesome themes btw! They all look great. I am using #65 and would like to know if there is a way to add a banner at the top of the page with my tumblr name or possibly just text at the top? I can't seem to work out how to add something like that. Any help would be appreciated, thanks.


    awww thanks dearie :)

    you want some sort of header? well then maybe check out my other themes with 500px or 400px headers and copy the codes for them, you are allowed to :) just remeber to always copy all the codes (meta section - right at the top / css - colourful part in the middle / html - blueish part at the end) :)

    Hi hi. I downloaded a theme today because my other theme was too busy. I copied the code, deleted my old one and previewed it. It looked perfect. As soon as I saved it messed up, was blurry and the codes were showing at the top. I don't know what to do.


    paste the code in again? and update and save again? if it works then that´s tumblr having a few problems with the customizing page :(

    This is for the 3 lines hover updates tab (#11) and you probably mentioned it in another tutorial, but the link to one on the tutorials wasn't working and I couldn't find it on the other. I was wondering how to change the titles of the individual tabs, like where it says "box 1" "box 2" and "box 3". I'm still really new to html and I could use all the help I can get


    you have to go into the code and where you put your text in you can see the code for the title boxes as well :) just replace box 1 with whatever title you prefer :)