- paste code number 1 (depending on which version you choose)
above {CustomCSS}</style></head><body> - paste code number 2 (depending on which version you choose) right under {CustomCSS}</style></head><body>
PLEASE LIKE / REBLOG IF YOU ARE USING IT!
PLEASE LEAVE THE CREDIT IN IT!
THE HEADER PICTUREYou want to put a picture of your choice at the top?
Replace this URL with the picture URL you want to use.
You want to adjust the position of the top picture?
- Change the number for margin-top to something higher than -150px (eg. -100px) and the picture will be positioned lower.
- Change the number for margin-top to something lower than -150px (eg. -200px) and the picture will be positioned higher.
- Change the number for margin-left to something higher than -20px (eg. 30px) and the picture will be positioned more to the right.
- Change the number for margin-left to something lower than -20px (eg. -50px) and the picture will be positioned more to the left
You don´t want to have any picture at the top of this tab?
The just delete both codes above, entirely.
MOVING THE UPDATES TABYou want to move your updates tab to the left / the right?
Change the number of px to something higher than 40 (eg 80) to move it more to the right. Change it to something lower (eg 10) to move it more to the left.
You want to move your updates tab up / down?
Change the number of px to something higher than 150 (eg 180) to move it down. Change it to something lower (eg 120) to move it up.
THE BOXESYou want to change the color of the little squares?
and change #000000 to whatever color you like. (List of all the colours at the bottom of this tutorial) I have taken box2 as an example, this option exists for every box though.
You want to change the background of the little squares?
Change the transparent to any color you want to use. You change it for example to #b6b6b6. (List of all the colours at the bottom of this tutorial) Then it´ll look like this:
You want to change the width and height of the single boxes?
I have taken box8 as an example, it´s the same for all the boxes though. Change height and width to whatever you want. BUT : I´d advise you to change all the boxes in the same row to the same height, because if you don´t the tab will be a lot more difficult to maneuver. (eg: (16 boxes version): box4, box5, box6 and box7 have 150px as their height, whereas box b8 and b9 can have for example 180px.)
BASICSYou want to add text to the updates tab?
Replace the text I marked for you with your own content. As you can see, insert <b> and </b> to make text bolded, <i> and </i> to make it italic, <u> and </u> to underline something and <s> and </s> to get a strikethrough effect. Use <p> and </p> to get a new paragraph and <br> for a new line.
You want to insert links into your tab?
As you can see, links are made this way: <a href=”http://anyurl.tumblr.com/”>Link Number 1</a>.
THE CONTENT OF THE BOXESYou want to change the colour of the text inside the boxes?
change #795c5c to whatever color you like. (List of all the colours at the bottom of this tutorial)
You want to change the size of the font?
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.
FINAL WORDSThis 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.
PLEASE LIKE / REBLOG IF YOU ARE USING IT!