KEEP calm curly, I'll be off for a while


I FOLLOW BACK 100%.
Do you want to be in my 1D FAMILY list? Go HERE. Do you want to be in my FOLLOW BACK list? Go HERE. Do you want me to make you an ICON? go HERE. Do you want me to make you a BANNER? Go HERE. Want to ask me anything else? Go HERE
free counters

HARRY♔ LOUIS♔ LIAM♔ NIALL♔ ZAYN♔ 　　　　　　　　　　 　　　　　　　　 HARRY'S GIRL† LOUIS' GIRL† LIAM'S GIRL† NIALL'S GIRL† ZAYN'S GIRL†

SCARVES

How to put the scarves in your Tumblr?

STEP 1: Go to edit html.

STEP 2: Copy THIS code and paste right above </style>

STEP 3: Copy THIS code and paste it right under <body>

Now comes the tricky part.

·  Issue 1: this only works for center-aligned blogs. If yours is left aligned, in the first code, under scarves { , remove left:50%; and right:50%; . If its right aligned, remove those AND change margin-left to margin right. After all this, change the value until its in the spot you want.

· For center-aligned blogs, under scarves { , play around with the value for margin-left until its in the right spot. It starts in the middle, and as the value goes up it goes farther and farther to the right. If you want it to go to the left instead of the right, change it to margin-right, or use negative values. 

·  If you don’t want it at the very top of the page, change margin-top.

·  Each flag can have an independent starting and ending length. Margin-top under scarf1 is the starting length for the first scarf and margin-top under scarf1:hover is the hover length.

· For the distance between the scarves, you have to alter Margin-left for each separate scarf. The first scarf shouldn’t have a margin-left because it is already as far left as you can go. Each scarf is 25 pixels wide. So for the second scarf, if you want a space of 5 pixels between each, margin-left should be 30px [(25*1)+(5*1)]. For the second scarf it should be 60px, [(25*2)+(5*2)], the third scarf 90px, [(25*3)+(5*3)], and so on.

·  If you’re centered and want them on the left, or have a right-aligned blog, replace each Margin-left with Margin-right.

Okay, so now for the second piece of code. This is where you’re actually placing the image of the scarf on your blog.

·         Obviously replace url1 and stuff with actual urls. All my scarves can be found HERE.

·   right click and Copy image URL for the URL.

AND THAT’S IT <3

posted 1 year ago with 12 notes

  1. mattsmjth reblogged this from harrydimples1d
  2. harrydimples1d posted this