calexity / dtsmfacebook Goto Github PK

COMMAND TO BUILD FROM THIS REPO ;)
--------------------------
cp -r ./ ../style-kit; zip -r ../style-kit.zip ../style-kit; rm -rf ../style-kit/; mv ../style-kit.zip ~/Desktop/style-kit.zip;

Style Kit
v1.0.4
 
EDITABLE FILES
--------------------------
my-style.css
favicon.ico
images/ (add all custom images to this directory and reference them in "my-style.css" by relative path)
 
 
INSTRUCTIONS
--------------------------
1. Creating your own custom CSS
  All your custom CSS should be added to "my-style.css"
    - TIP: use firebug (http://getfirebug.com/) for FireFox, or the Developer Tools in WebKit browsers (Safari, Chrome) to help with finding the appropriate IDs and Classes
 
2. Adding images
  All images you wish to add to your custom design should be placed under images/
  Example usage in my-style.css:
    #wrapper {
      background: url(images/bg-image.jpg) top center repeat #808080;
    }
 
3. Changing your favicon
  Replace the favicon.ico with a 16x16 Windows ICO file
    - TIP: use the Photoshop plugin (http://www.telegraphics.com.au/sw/)
 
4. Previewing your custom design
  Use the static HTML files to locally preview your design
 
5. Applying your design to the live site
  Once you are done with your design and have previewed the results with the included static HTML files:
    - zip the "style-kit" directory
    - upload the style-kit.zip file in the "Look and feel > Customize" section of builder
 
 
NOTE
--------------------------
1. DO NOT make any edits to the static HTML files or the files in the assets/ directory. These are only for previewing your custom design. Any changes to them will be removed.
 
2. The Style Kit is to assist you in quickly creating the main elements of your site. To see a more accurate preview of your custom design, upload the style-kit.zip file in the "Look and feel > Customize" section of the builder and click "Preview" to see the result.