amerrygathering:




 Middle Earth inspired Fonts (x)



Party Business | Hobbiton | Durin | Bilbo’s Hand | Elven Speech | Aniron 

amerrygathering:

Middle Earth inspired Fonts (x)

Party Business | Hobbiton | Durin | Bilbo’s Hand | Elven Speech | Aniron 

How to upload sidebar images over 1MB

kurtsies:

(And a little html lesson)

Ever since the image upload limit on the customize page was lowered from 5mb down to 1mb I’ve been getting a lot of questions about how to get around that.

Let me tell you a little bit about how this part of your html works:
On most themes, in the html, at the top, directly under <head> are lines of meta names such as (for example) <meta name=”image:sidebar” content=” ” />. These meta names are directly connected to what you find under “appearance”.

(For example)
image

The next part you need to look at is the <body> of the html, below that you will find that the page elements get split up in div ids, which are really just containers to separate parts of your blog from each other, such as (for example): <div id=”container”><div id=”sidebar”><div id=”description”>, <div id=”links”>.

The one we need here is the one that represents the sidebar image, which will be something like, <div class=”sidimage”> or <div class=”simg”> or <div class=”sidebarimg”>, whatever the coder of your theme decided to put there, it should indicate that we’re talking about the image that’s on your sidebar.

(Good to know: The difference between “div class” and “div id” is that div class is generally being used for things that might appear multiple times in your html, like if you have multiple sidebar images. As opposed to div id which is generally used in cases where there’s really only one of something, when you want to refer to one specific element, like a single sidebar on a blog, or a single header on a blog.)

What we’re looking for right there is <img src=”{image:sidebar}”>, or like I said before, whatever the coder put there in reference to your sidebar.

(This, in its turn, is what’s directly connected to <meta name=”image:sidebar” content=” ” />, the first thing we discussed.)

This is where, through all those layers, the image ends up. The difference between the cute little upload button you used before, and now, is that we’re working from inside the html, we’re not making the customize page upload the image for us, we’re gonna do that ourselves.

What you can do here is use an image hosting site like Photobucket or whatever you’re comfortable with or used to, but I’m gonna explain it using one of Tumblr’s little developer spots on the site, the static upload page.

The file size limit is 5mb here, like it used to be on the customize page.

This is where you upload your image you want on your sidebar, when you do so and the upload finishes, Tumblr is gonna give you a link for your static file.
image

This link functions as your image source. Which conveniently is exactly what we need in <img src=”{image:sidebar}”>, so instead of connecting this part of your html to the meta names and the cute little upload button and make it go down those layers of html we just went through, we’re gonna connect it straight to the image source we want, which is the image you just uploaded.

What you want to do is replace {image:sidebar} (so everything between the quotation marks) with your static file link.

Updating the preview of your theme should now show your new sidebar image.

OTHER TUTORIALS
How to put colored parts in a black&white gif (2 different ways)

itsphotoshop:

  • Anonymous asked how to make this.
  • I use Photoshop CS5.
  • Please like the post if you think the tutorial has been useful.
  • Final results:

imageimage

WAY NUMBER 1 With this way, you use the colors that are already in the gif (for example, the apple is already red).

  • [ STEP 1 ] First of all, make your gif, but don’t make it black and white yet. You can sharpen, add topaz and whatever, just make your gif as you usually do and save it. My gif:

image

  • [ STEP 2 ] Ok so for this step you have to download Quicktime (search for it in Google and you’ll find it). Go to File > Import > Video frames from layers, write *.* and click Load > OK. Now search for your gif and click Load again. Your gif should show up in photoshop like this.
  • [ STEP 3 ] Now we’re gonna create a b&w Gradient Map. Make sure your colors in the Toolbar are black&white [image] and go to Layer > New Adjustment Layer > Gradient Map. Now you have to make sure every layer has its own gradient map. To do that just right click in the first gradient map > Duplicate Layer. Do that a lot of times until there are as many gradient maps as layers and put one gradient map over each layer [image]. 
  • [ STEP 4 ] Now you’ll see your Animation window looks like this, so your gif looks like this and yeah that sucks. To fix it, just make sure you selected the first frame, and click on the little eye next to each gradient map (except for the first one) [image]. Now select the second frame, and click in the little square (not the white one) next to the 2nd gradient map and the little eye will appear. Select the 3rd frame and click on the little square next to the 3rd gradient map and do that with all the frames/gradient maps. Your gif should look like this:

image

  • [ STEP 5 ] Now, do you see the white big square next to the gradient maps? That’s called mask. So, if you select the mask, you click on the Brush Tool and you paint the gradient black, you will see the gradient doesn’t work anymore. What you have to do is paint with black the parts of the gif you want to be colored. You have to do it with each gradient map. My gif:

image

WAY NUMBER 2 With this way, you can put colors that are not in the gif (like the green apple).

  • [ STEP 1 ] Make your gif as normal. Sharpen, add topaz, a psd and a black&white gradient map (i explained how to do that in Step 3 of the Way 1). Now save your gif as normal and do Step 2 in the Way 1:

image

  • [ STEP 2 ] Now look at Steps 3 and 4 in the Way 1. You have to do the same but with Normal Layers (transparent layers). To add that kind of layers just click on this icon at the bottom of the layers window image.
  • [ STEP 3 ] So now you have to select the first transparent layer and paint it of the color you want wherever you want, and then change the Blending Options and the opacity until you like the result. You have to do that with all the transparent layers:

image

Hope this helped :)

orelpuppington:

alltheshipsallofthem:

bekahboo2391:

Where has this been all my life!?

yes

this is cool + useful but by all means said is not dead!!!!! these words should be used INCREDIBLY sparingly because “said” and “says” are very nice neutral words that are absolutely not intrusive in the writing. “he said” flows so much better than “he acknowledged”, which just rips you out of the story!!
you should convey emotion in writing! it’s all well and good to use “he whispered” or “he yelled” or whatever but when you’re talking about regular speech stay away from shit like “remarked”. “chimed” and “beamed” are both words that will also rip you out of the story completely. they are not words you see normally!
use said!!!! use said as much as you can! if you use words in this list make sure that you use them sparingly! a little sprinkle is fine but using too many of them makes it look like you went through a thesaurus and it is just odd and obtrusive! 

orelpuppington:

alltheshipsallofthem:

bekahboo2391:

Where has this been all my life!?

yes

this is cool + useful but by all means said is not dead!!!!! these words should be used INCREDIBLY sparingly because “said” and “says” are very nice neutral words that are absolutely not intrusive in the writing. “he said” flows so much better than “he acknowledged”, which just rips you out of the story!!

you should convey emotion in writing! it’s all well and good to use “he whispered” or “he yelled” or whatever but when you’re talking about regular speech stay away from shit like “remarked”. “chimed” and “beamed” are both words that will also rip you out of the story completely. they are not words you see normally!

use said!!!! use said as much as you can! if you use words in this list make sure that you use them sparingly! a little sprinkle is fine but using too many of them makes it look like you went through a thesaurus and it is just odd and obtrusive! 

prettylittlecolorings:


psd 115. → mf



psd for Game of Thrones

prettylittlecolorings:

psd 115. → mf

psd for Game of Thrones

Vintage Poster Tutorial

clawsandfangs:

image

You can thank my lack of internet access for this tutorial, and the fact that I decided to save a .PSD for once…

Read More

nutty-themes:

TV SCHEDULE • PREVIEW • DOWNLOAD: Pastebin / Ge.tt  I hate when we change to summer season shows because I can never remember when something returns, or on what day it is. That’s where the idea of this page comes from. It can be used for whatever you want and is installed just like other normal pages. If you need help with installing pages, it’s the same as the movie table page. Also, I have not forgotten how many days of the week there are - there are only six columns for reason. No one watches TV on a Saturday unless it’s football or reality. 

→ TO ADD SHOWS TO THE SCHEDULE.  Copy either and paste it right under the day it’s on. As you may have noticed there are two parts to the schedule. If you copy the first link below, defined by class “one”, it will add a “Current” show (darker box). If you copy the second link, defined by class “two”, it will add a “Future” show (lighter shade). HTML&lt;a class="one" href="/"&gt;Title&lt;/a&gt; &lt;a class="two" href="/"&gt;Title&lt;/a&gt;

nutty-themes:

TV SCHEDULEPREVIEW • DOWNLOAD: Pastebin / Ge.tt

I hate when we change to summer season shows because I can never remember when something returns, or on what day it is. That’s where the idea of this page comes from. It can be used for whatever you want and is installed just like other normal pages. If you need help with installing pages, it’s the same as the movie table page. Also, I have not forgotten how many days of the week there are - there are only six columns for reason. No one watches TV on a Saturday unless it’s football or reality.

→ TO ADD SHOWS TO THE SCHEDULE.
Copy either and paste it right under the day it’s on. As you may have noticed there are two parts to the schedule. If you copy the first link below, defined by class “one”, it will add a “Current” show (darker box). If you copy the second link, defined by class “two”, it will add a “Future” show (lighter shade).
HTML<a class="one" href="/">Title</a> <a class="two" href="/">Title</a>