I believe the 3rd image is wrong in that the pink should always stay above the green. The basic idea is you take two loops and then wrap the loose end of the lace around the middle 4 strands twice (or three times) and then finish by putting the loose end between the 4 strands in the middle (pink pair on above, green pair below) and then pull/dress it tight. It helps using the instructions from the site with the broken links to interpret the imgur images:
1. Pick up the laces.
2. Cross the laces over like this... (but don't have them looping into each other like in the picture)
3. and back, leaving loops either side
4. Take the left lace underneath...
5. then back over the top...
6. and wrap round underneath again...
7. and back over the top again.
8. Now similarly with the other lace...
9. underneath, but the other way...
10. then wrapping round as before.
11. Push the lace through the four centre strands.
12. And the same with the other.
13. Then tighten the knot up.
14. Finally, here is an alternate one with an extra turn (at step 10.5).
This is a great shoelace knot as it loosens and cinches tight without untying.
1. Pick up the laces. 2. Cross the laces over like this... (but don't have them looping into each other like in the picture) 3. and back, leaving loops either side 4. Take the left lace underneath... 5. then back over the top... 6. and wrap round underneath again... 7. and back over the top again. 8. Now similarly with the other lace... 9. underneath, but the other way... 10. then wrapping round as before. 11. Push the lace through the four centre strands. 12. And the same with the other. 13. Then tighten the knot up. 14. Finally, here is an alternate one with an extra turn (at step 10.5).
This is a great shoelace knot as it loosens and cinches tight without untying.