1. first -
  2.  
  3. /etc/hosts
  4. 127.0.0.1 facebook.com
  5. 127.0.0.1 www.facebook.com
  6.  
  7. then -
  8.  
  9. /etc/apache2/extra/httpd-vhosts.conf
  10. <VirtualHost *:80>
  11. DocumentRoot "/Users/[username]/Sites/better"
  12. ServerName facebook.com
  13. </VirtualHost>
  14. <VirtualHost *:80>
  15. DocumentRoot "/Users/[username]/Sites/better"
  16. ServerName www.facebook.com
  17. </VirtualHost>
  18.  
  19. <Directory /Users/*/Sites/>
  20. Options Indexes Includes FollowSymLinks SymLinksifOwnerMatch ExecCGI MultiViews
  21. AllowOverride All
  22. Order allow,deny
  23. Allow from all
  24. </Directory>
  25.  
  26. - after that
  27.  
  28. /Users/[username]/Sites/better/index.html
  29. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  30. "http://www.w3.org/TR/html4/loose.dtd">
  31.  
  32. <html lang="en">
  33. <head>
  34. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  35. <title>Everything Better</title>
  36. <style type="text/css">
  37. * { margin: 0; padding: 0;}
  38. body { background-color: #E3E6C0;}
  39. #thisisyourlife { margin: 0 auto; height: 435px; border-left: 8px solid #5F1470; text-align: center; padding-top: 200px; }
  40. #thisisyourlife h1 { color: #FFFFFF; font-style: italic; font-size: 8em; border-bottom: 2px dashed #64A621; margin: 0 10%;}
  41. span.em { font-size: 110%;}
  42. </style>
  43. </head>
  44. <body>
  45. <div id="thisisyourlife">
  46. <h1><span class="em">m</span>ake <span class="em">s</span>omething.</h1>
  47. </div>
  48. </body>
  49. </html>
  50.  
  51. - lastly
  52.  
  53. dscacheutil -flushcache