Resources blog. Angel, 14, China. I code, I write, and I sleep a lot. That's about it. Here, you'll find resources of all kinds, from writing to coding to photoshop! I hope you'll find something that will be useful for you.
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 PICTURE
You 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 TAB
You 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 BOXES
You 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.)
BASICS
You 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 BOXES
You 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?
ADDITIONAL GADGETS
You want to have a colour spectrum to choose from?
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.
