Tutorial : Custom Cursors

I am using a custom cursor at the moment. First you should make a cursor using a picture editor etc.
Make sure the background is transparent and the image is saved in the format of .png.
Start of with a transparent image of 16 by 16 [its mainly up to you :3] and draw what the cursor should look like starting of at the top right corner.
Once you're done upload it to a host.
Copy the url and treat it like you would with a background image , I.E :
cursor : url('DIRECT LINK') , pointer
You should leave the cursor type 'pointer' where it is otherwise it wont work. You can change it to a different type like crosshair , text, vertical text, default etc.

Here are some examples which you can use. Just copy the direct link and paste them like above :

I know they are all desaturated , you can edit them yourself.

12:10

Tutorial : Custom fonts

Tired of using the old cross-browser fonts and want to use one's like on dafont ?
Here is a tutorial on using your own fonts on blog's and websites : First thing to do is to find a font and upload it. Pretty simple . Then you have to copy the following code and replace the direct link with the link of your font :

@font-face : { 
 font-family : NAME ; 
 src: url(' DIRECT LINK ');
 }

This piece of code goes inbetween tags like this : <style> [here] </style>
And whenever you want to use this code , Just use it like you'd normally would with normal fonts , eg :