Live Build: Building Big Scape Photo Gallery (Part 1)

Site URL: photomanual.squarespace.com   Elapsed Time: 38 minutes

In this example: Learn to build a photography site from scratch, congifure the Gallery module to create a player effect, and begin the basics of using the HTML injection points to create new column regions.

Custom CSS used in the video

#bottombox { width: 100%; float: left; border-top: 1px solid #000000; padding: 20px 0 25px 0; margin-top: 30px; }

#bottomboxleft { width: 250px; float: left; margin-right: 25px; }

#bottomboxcenter { width: 250px; float: left; }

#bottomboxright { width: 250px; float: right; }

Live Build: Building www.trachenburg.com Live

Site URL: http://dantrachtenberg.com     Elapsed Time: 38 minutes

Custom Code used in the video

.verticalNavigationBar .section .module a { display: block; } /* makes sidebar link border full width of sidebar */

#sidebar2 { color: #fff; margin-top: -175px; } /* makes tweet column font white and pulls it up to the top of the window */

#twitter_div a { color: #363636; } /* makes twitter links dark gray */

#twitter_update_list li { border-bottom: 1px solid #a0d8e4; padding-bottom: 15px; margin-bottom: 15px; }
 /* adds light white line to the bottom of each tweet and spaces out each tweet */

.journal-entry-float-date { float:left; display:block; background:#000 url(/storage/date-pokies.gif) repeat-x bottom left; 
border-top: 3px solid #77C7D8; width:53px; height:65px; text-align:center; color:#fff8dd; font-size:16px; margin:0 0 0 0; } 
/* adds repeating pattern to pulled date for journals, changes background color and adds border */