Blueball Trifecta Sandvox Designs

Similar documents
Adding Custom Images Into The Blueball Design FreeStack Theme v7.0

Create a Contact Sheet of Your Images Design a Picture Package Customize Your Picture Package Layout Resample Your Image...

Customizing Blueball Simplex Design User Guide v1.0

Architectural Engineering Senior Thesis CPEP Webpage Guidelines and Instructions

Cropping an Image for the Web

Web publishing training pack Level 2 Extend your knowledge of the web publishing system

Creating a Website Using Weebly.com (June 26, 2017 Update)

Step 1 Download and Install KompoZer Step by step instructions to build your first web page using KompoZer web editor.

WORDPRESS TRAINING MANUAL LAST UPDATED ON FEBRUARY 26TH, 2016

SmartTheme Manual 1 Last update: 2017/07/29 OptimizePress

Web Authoring Guide. Last updated 22 February Contents

ORB Education Quality Teaching Resources

FrontPage 2000 Tutorial -- Advanced

Table of contents. Sliding Billboard DMXzone.com

Do It Yourself Website Editing Training Guide

Create Sponsor Scroll

Professional Web Design Tutorial. By Nathan Hernandez

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10

Learning Adobe DreamWeaver CC. Module 1 Contents. Chapter 1: Introduction to DreamWeaver CC

ACADEMIC TECHNOLOGY SUPPORT Advanced OU Campus: 2014 Template Asset Image Gallery using Photoshop

Adobe Dreamweaver CS3 English 510 Fall 2007

ITP 101 Project 2 - Photoshop

P a g e 0. CIDRZ Website Manual.

Lava New Media s CMS. Documentation Page 1

Brand Central. User Guide. Polycom, Inc. All rights reserved.

Flash Album Generator 2 Manual Version 1.0. About Flash Album Generator 2. Flash Album Generator 2 Manual version 1.0 DMXzone.com

Introduction to the MODx Manager

How to lay out a web page with CSS

Kinetika. Help Guide

NetObjects Fusion 10 Build Great Sites.

Shop by Brand. Magento Extension User Guide. Here you will find the latest Shop by Brand user guide version *

DNNGo LayerSlider3D. User Manual

PDF CREATION GUIDE YOUR GUIDE TO CREATING AND EXPORTING USING ADOBE INDESIGN OR PHOTOSHOP

How to Edit Your Website

Modular: Shopify Theme

How to lay out a web page with CSS

13 PREPARING FILES FOR THE WEB

Apple Pages for Mac. Basics of Using Apple s Pages for Mac. Choose to enable icloud. Manage Documents. Choose a Template for New Documents

Swiiit User Guide 03/09/2015

Cascade V8.4 Website Content Management for the Site Manager UMSL

Project 1: Creating a Web Site from Scratch. Skills and Tools: Use Expression Web tools to create a Web site

Working with Realview Partica

Guide to using Myshowcase.me and Canva for your Reflection

How to use: TMA Live

Microsoft Expression Web Quickstart Guide

PROFILE DESIGN TUTORIAL KIT

Centricity 2.0 Section Editor Help Card

1. Setup a root folder for the website 2. Create a wireframe 3. Add content 4. Create hyperlinks between pages and to external websites

Google Chrome 4.0. AccuCMS

EVENT MANAGER THEME INSTALLATION TUTORIAL

Sedao Ltd. QuickChange PROject. User Manual for QuickChange PROject version 2.1.5

Getting Started with Eric Meyer's CSS Sculptor 1.0

Adobe Fireworks CS Essential Techniques

Swiiit User Guide 09/11/2016

How to Edit Your Website

Gdes2000 Graphic Design and the Internet

Webinse Image Gallery

COMSC-031 Web Site Development- Part 2

Using CSS for page layout

edublogs ~ a WordPress Blog

Anticipatory Organization Learning System Branding Tutorial

Before you begin, make sure you have the images for these exercises saved in the location where you intend to create the Nuklear Family Website.

DIGITAL TECHNICAL SPECS

Here are some of the features that are included

In this tutorial, you will learn how to perform basic tasks for setting up a course site in Moodle.

Photos & Photo Albums

Dreamweaver Tutorial #2

DIGITAL TECHNICAL SPECS

Getting Started with everydayhero

Adobe Fireworks CS Essential Techniques

How to Prepare Your Cards for Press Using InDesign

User Guide clickbooq v4 r

Creating a Community or Class in elibrary PRO

How do I make my project into a jpg or other flattened file type?

Getting to Know Pages on ipad

About Customizing a SharePoint Server 2007 Site

hdalbum User Designer Guide Collect Create Share Designer V 1.2

11/5/16 WEB DESIGN. Branding Fall 2016

VTEM SLIDES INSTRUCTION MANUAL COPYRIGHT DISCLAIMER. Instruction Manual FOR INFO, UPDATES, REQUESTS & CONTACT

Word Tutorial 4 Enhancing Page Layout and Design

Working with WebNode

User Guide. DrawAnywhere.com: User Guide

Google Sites Guide Nursing Student Portfolio

PASTPERFECT-ONLINE. No web design or programming expertise is needed to give your museum a worldclass web presence.

FrontPage 98 Quick Guide. Copyright 2000 Peter Pappas. edteck press All rights reserved.

How to set up a local root folder and site structure

Tutorial 3 - Welcome Application

Creating and Publishing Faculty Webpages

DELIZIOSO RESTAURANT WORDPRESS THEME

Course Prerequisite: CE 1403 or 1404 Adobe Creative Suite, or equivalent experience.

User Guide. Chapter 6. Teacher Pages

Table of Contents. Page 2 of 72. High Impact 4.0 User Manual

Mega Menu for Magento 2. User Guide

This document outlines how to set up the module as well as how to set up your customers with their portal accounts:

Website Design Guide

A new clients guide to: Activating a new Studio 3.0 Account Creating a Photo Album Starting a Project Submitting a Project Publishing Tips

Site Creator User s Guide

The figure below shows the Dreamweaver Interface.

Working with Images and Multimedia

USER GUIDE AND THEME SETUP

Transcription:

Blueball Trifecta Sandvox Designs Overview and Usage Tips For Blueball Trifecta Sandvox Designs Thank you for purchasing one of our original Sandvox Designs bundle. Below we have listed various sections of information to help you maximize the use of your Blueball Design Sandvox Design as you use it with Sandvox to produce your new web site. If you see something we can do to make your experience better while using our design with Sandvox to create your web site, or you have a suggestion, please let us know! Contents 1 - Blueball Trifecta Designs Information - **IMPORTANT - PLEASE READ! 2 - Browsers supported by our designs 1. Blueball Trifecta Designs Information and Tips How to install your Trifecta designs: After you download your Trifecta bundle file you will need to double click on it to unzip the file. In the Blueball_Trifecta_v1 folder you will find 6 individual Tiifecta Sandvox design files that end with the extension.svxdesign. To install each Trifecta design you need to double click on each design file and the design will be automatically installed into Sandvox. By default all third party designs are installed into Sandvox s Application Support folder. After you finish installing your designs, you MUST restart Sandvox before your newly installed designs will appear in the design preview area at the top of the Sandvox work window. Your Trifecta design bundle includes: 6 Blueball Trifecta designs, 3 Readme files, 11 preset banner images, 1 layered Photoshop banner image file to use to create your own banner images with, and 1 Photoshop file of the top right column image to use to create your own 2nd optional image with to use in the Trifecta layout. 1

Important Items To Note About Trifecta Before You Get Started: Due to Trifecta s innovative 3 column layout I have had to make some compromises for the layout to work within Sandvox s current functionality parameters. Here s some items you must do when using Trifecta for your Sandvox site: When placing an image into any content area you must select the Image Position Alongside text. On a photo page or photo album page you must Show the sidebar. You cannot hide the sidebar on those pages. Adding Your Own Custom Banner Images Into Trifecta See the Custom Banner Readme file for detailed information on placing your own custom banner image into your Sandvox site layout using Blueball Trifecta. Adding The New 2nd Custom Image Into The Top Right Column Area See the Custom Banner Readme file for detailed information on placing your own 2nd custom image into your Sandvox site layout using Blueball Trifecta. Nav Menu Usage Tips - Important! With Trifecta s stylish vertical nav menu it is possible to add in many more pages than normally allowed in a typical Sandvox horizontal nav menu. We still highly recommend keeping your nav menu names as short as possible for your site pages, and try to limit the names to a single line of text to make it easier for visitors to navigate through your site. *NOTE: Sandvox does not currently allow you to create sub menu levels with any design. Placing Your Logo Image The logo image is placed in the top of the left column area to the left of the custom banner image. The image size is 150px wide by 100px tall. Your logo image file must be that exact size or it will not display correctly in the design layout. If your logo is not this size, your logo image will be resized automatically by Sandvox to fit either the height or width depending on your logo file layout. Be sure your final logo image resolution is set to 72 dpi and in RGB color mode, and saved as a gif, jpg or png file. 2

Title and Title Paragraph Text Length Title Text - You may use multiple lines with any of the Blueball Trifecta designs. This text will appear in the top of the left column area. Title Paragraph Text - You may use multiple lines with any of the Blueball Trifecta designs. This text will appear in the top of the left column area under the Title text. Using Images In Sandvox and The Blueball Trifecta Designs Due to Trifecta s ground breaking 3-column design layout, we have added in some automatic image resizing to Trifecta s info.plist file to make sure your images do not break the Trifecta layout s display functionality. By default images will be resized to the following widths depending on the page style and content area used: Photo page and large single image page in Photo Album - 480px wide. Normal content area images - 320px wide. Pagelet and Callout images - 195px wide. Working with Sandvox s Default Image Sizing and Settings For new and advanced Sandvox users alike we recommend you create your own images at the final display size i.e. the actual final size you want your images to appear on screen at, and drag and drop them into position on your site pages. This will also help keep your site file size down to a minimum. Be sure your images are at 72dpi resolution and in RGB color mode. Sandvox does not yet support png file transparency so be sure to flatten your image files before saving them. Or you can let Sandvox resize them and not do any image file creation. Either way will work but be sure to open the preferences window in Sandvox and set your final image output quality levels if you are letting Sandvox scale and reduce your original image files. 3

We ve Arranged Our main.css File Code Into Groups For Easier Modification By Advanced Sandvox Users If you open the main.css file you will see that the css code in our file is arranged in groups by areas of the design layout. We designed it this way to make it easier for advanced Sandvox users who want to tinker under the hood and customize the css some. BE SURE TO MAKE A BACKUP COPY OF YOUR DESIGN BEFORE ATTEMPTING ANY MODIFICATIONS OF THE CSS CODE! *NOTE: We do not recommend modifying the css code in this design unless you are well versed and familiar with css styling and coding. Modifying the css code could break the display functionality of the design in your Sandvox site. Any modifications are at the sole risk of the user and Blueball Design does not guarantee the performance of any Blueball Sandvox Design which has been altered or modified and we cannot be held liable if problems arise from your modifications. If you have questions on how to modify the css code elements used in this theme, post them on our Blueball Sandvox forum on our site at sandvoxdesigns.blueballdesign.com or on the Sandvox Yahoo user group at: http://tech.groups.yahoo.com/group/sandvox/ or the Sandvox Yahoo CSS user group at: http://tech.groups.yahoo.com/group/sandvoxcss/. Another very helpful resource is available from Karelia Software for doing simple modifications to your Sandvox design at: http://docs.karelia.com/z/quickly_modifying_existing_designs.html We Offer Great Support Before and After Your Design Purchase Blueball Design has become known for our great customer support with our Rapidweaver Theme users over the past 4 years and now offer the same support to our Sandvox Design users. If you have a question, please submit it to us using our contact form page. Our Technical Support policy is listed below. Technical Support Technical support will be limited to questions and problems specifically associated with unaltered designs in normal conditions. We do not have the resources to 4

offer free Sandvox technical support or to provide training on how to use Sandvox. We also cannot provide support for modified themes or graphics. We will be glad to assist you with modified design questions as time permits, but recommend you post questions in our Blueball Sandvox forum or in the Sandvox Yahoo groups. You are responsible for adding or editing your web site's content. A complete and very helpful on-line Sandvox user manual with videos and tutorials can be found at: http://docs.karelia.com. We do offer support relating to our design products and encourage you to report any bugs or problems you have with one of them. We also welcome any questions you may have about one of our Sandvox design products. We Offer Sandvox Design Modification Services Blueball Design offers Sandvox Design modification services starting from $40 and up. If you are wanting to change your color scheme, add in a new image, adjust the sizing of certain items, change the font styles, etc., please email us what you are wanting and we ll be happy to help you out with your Sandvox design mod. We do not do one off custom Sandvox designs at this time. A Final Word On Our Sandvox Designs We believe that web design should be clean, simple, unique, professional and straightforward in functionality and design. Our Sandvox Designs will be developed following this mission statement. By keeping image use in the layout to a minimum our Sandvox Designs will produce sites that publish quicker, download faster for your site viewers, and will offer more stable display functionality in all the major browsers. 2. Browsers Supported By Our Blueball Trifecta Design. The Blueball Trifecta Designs have been tested extensively and will display correctly on the following browsers: Safari (Mac/PC), Firefox (Mac/PC), and Internet Explorer 6 and 7 (PC). This covers approx. 98% ± of the internet browser market. We do not support MAC Internet Explorer 5.2 or test our designs on Netscape, Opera, or Camino at this time. 5

Help Us Improve Our Sandvox Designs For Sandvox Users! Comments, Feedback, and Suggestions Are Welcome! What do you think of our Sandvox Designs? What would you like to see? We need you to let us know what we can do to make your experience using Sandvox with our Sandvox Designs better for you. Use the contact form on our site or email us at sandvoxdesigner@gmail.com. Send Us Your Site URL When You Have Your Site Up and Running! We like to see what Sandvox users have done with our designs. And we are developing a new Sandvox showcase area in our Blueball Sandvox site. If you d like to have your site considered for our showcase area, please send your site url to us so we can check it out. Good Luck With Your Building Your Sandvox Web Site! Best, Charlie design guy at sandvoxdesigns.blueballdesign.com 6