Anonymous asked: hey there! would you mind making an icon of katniss when she's riding up the elevator? not the one with johanna the one right before the other tributes are introduced :)

cinnasownmockingjay:

please like if using

Reblog - Posted 4 days ago - via / Source with 17 notes
Tutorial: How to make an updates tab like this

jimoriary:

image

tutorial below the cut

Read More

iamthemelocked:

The 9 boxes / 16 boxes hover updates tab by iamthemelocked / thewomvn
9 boxes version code 1 | 2
16 boxes version code 1 | 2
HOW TO INSTALL
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  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?
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 WORDS
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.
PLEASE LIKE / REBLOG IF YOU ARE USING IT!

iamthemelocked:

The 9 boxes / 16 boxes hover updates tab by iamthemelocked / thewomvn
  • 9 boxes version code 1 | 2
  • 16 boxes version code 1 | 2
HOW TO INSTALL
  1. paste code number 1 (depending on which version you choose)
     above {CustomCSS}</style></head><body>
  2. 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
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?

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 WORDS

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.

PLEASE LIKE / REBLOG IF YOU ARE USING IT!

Reblog - Posted 2 weeks ago - via / Source with 654 notes
cuphaz:

Theme Pack 2 by Roxie
This is my second theme pack. It is a “Ocean theme pack” contained with 1 navi page + 1 about me page + 1 blogroll page.
Navi Page 4

Static preview | Pastebin | FreeTextHost

Features:
Compass style
3 blocks each line
you can add as much block as you want
About Page 3

Static preview | Pastebin | FreeTextHost

Features:
Ship style
1 info block + main description block
no photo or extra links!
Blogroll Page 2

Static preview | Pastebin | FreeTextHost

Features:
Map style
Magnifier cursor
Enlarge icon when hovering it
Rules:
Please like or reblog if you’re using
Do not use as a base
Do not claim as your own
Do not remove the credit
If you have any problem please message me

cuphaz:

Theme Pack 2 by Roxie

This is my second theme pack. It is a “Ocean theme pack” contained with 1 navi page + 1 about me page + 1 blogroll page.

Navi Page 4

Static preview | Pastebin | FreeTextHost

Features:

  • Compass style
  • 3 blocks each line
  • you can add as much block as you want

About Page 3

Static preview | Pastebin | FreeTextHost

Features:

  • Ship style
  • 1 info block + main description block
  • no photo or extra links!

Blogroll Page 2

Static preview | Pastebin | FreeTextHost

Features:

  • Map style
  • Magnifier cursor
  • Enlarge icon when hovering it

Rules:

  • Please like or reblog if you’re using
  • Do not use as a base
  • Do not claim as your own
  • Do not remove the credit

If you have any problem please message me

Reblog - Posted 2 weeks ago - via / Source with 258 notes

ashermajestywishes:

izzzgirl:

ashermajestywishes:

:) 

P.S.A

Fangirling all over the grammar! 😍😍😍

Fangirling at your fangirling. Squeeee

How to make templates! Some information on Tumblr photosets.

mahradyer:

image

U P D A T E S   T A B  #  0 1  //  preview

How to Install:

I. Paste this code between <style> and </style>

II. Paste this code between <body> and </body>

III. For multiple tabs copy the first code again minus the #updatestab section.

Rules:

I. Do not claim as your own or redistribute. 

II. Like or reblog if using.

Reblog - Posted 1 month ago - via / Source with 505 notes
paintbrushcursors:

Code // How to install
~Please keep credit somewhere, and like if using, thank you~

paintbrushcursors:

Code // How to install

~Please keep credit somewhere, and like if using, thank you~

Reblog - Posted 1 month ago - via / Source with 30 notes