HowTo Tutorials using Sandvox to create a website - I Saw How

Photo Album - with music

Sun, 31 Jan 2010 22:30:05 +0000

This is an experiment to see if music added to a parent album continues to play in the child photo albums.

Result: Whilst the Music on the…

Google - Copy and Paste Images into Gmail

Fri, 04 Dec 2009 20:43:53 +0000

This How To was created in ScreenStep Pro 2.7 beta. To get it into Sandvox was a round-the-houses route -- In ScreenSteps, Copied to…

FancyZoom on MobileMe Site

Thu, 23 Jul 2009 00:06:25 +0100

Making FancyZoom work on MobileMe is a little more complicated. See here...

Jing - New Features of Pro Version 2.1

Fri, 05 Jun 2009 21:41:29 +0100

The is to remind myself of the new features in Jing Pro 2.1. Firstly, hold down the Shift or Control key when dragging out a selection area…

Navigation - Sidebar Site Menu Buttons

Wed, 03 Jun 2009 14:57:18 +0100

These are simple graphic image buttons created in [Art Text 2] which have been linked to the named sections of this site. I have used a…

Image Map - How to Add a Simple Map

Sat, 30 May 2009 19:43:36 +0100

I have created a Simple HTML image map using [Rage MapDesign].

I have pasted the <body> content of the HTML code into a Raw HTML pagelet.

…

YouTube - Embed HQ Video Tip

Sat, 30 May 2009 15:12:10 +0100

On the YouTube site, you can change the size of the embedded video by clicking Customize 'gear' button to the right of the embed code of…

Links within a Sandvox Site Document

Fri, 29 May 2009 21:51:21 +0100

My experience is that links to pages within the active Sandvox Site Document stay connected if you edit the Page Title in the Inspector or…

Site Menu Link to Alternative Site

Fri, 29 May 2009 21:06:45 +0100

It is possible to have an alternative language site by publishing the other language to a Subfolder and linking to the Subfolder from a…

Colour of Site in Different Browsers

Thu, 28 May 2009 23:22:42 +0100

The colour of a Design can look different in different browsers and on different Operating Systems and depend on how the viewer has their…

Weblog - Control Number of Posts Shown on Index

Thu, 28 May 2009 21:18:51 +0100

As more pages are added to a Weblog Collection, the index page can become very long and a lot of data needs to be downloaded for the page…

Add and Embed a YouTube or Vimeo Video

Thu, 28 May 2009 20:12:38 +0100

In Sandvox Pro, you can embed YouTube, Vimeo or similar hosted video into your Sandvox created website by using the HTML code provided by…

Pagelet - Photo Link Opens New Window

Thu, 28 May 2009 11:36:17 +0100

Problem:
Want a simple way to create a link from a photo/image in a *Photo* pagelet so that when I click on that photo it takes me to…

Meta Tags - Keyword Space Saving

Wed, 20 May 2009 11:49:23 +0100

When you type a word followed by a comma in the Meta Tags/Keywords box on the Site Outline, Sandvox automatically creates a 'blue bubble'…

Pagelet - MP3 as Background Music

Fri, 15 May 2009 12:49:02 +0100

If you add an audio file (MP3) to a pagelet, you may not want the pagelet to be seen at all. It is possible to hide it completely using a…

Setup Host - Web Sharing & Localhost

Wed, 13 May 2009 15:05:29 +0100

If you just export a site from Sandvox then open it with Safari, certain links will cause the Finder to open instead of the index.html page…

CSS - Sidebar Font Size Made Bigger

Sat, 02 May 2009 01:01:16 +0100

The font size in the Sidebar pagelet can be increased using the Code Injection:

Site > Site Code Injection... > Head Area [bottom box]

...…

Banner - Making a Custom Banner Clickable

Fri, 01 May 2009 22:55:13 +0100

If you add a Custom Banner you will most likely want to delete the text in the Home Page Header and Sub-Header. This creates a site Home…

Draft Page - Tips on Using Draft Pages

Tue, 28 Apr 2009 11:18:23 +0100

There are potential problems with using Draft Pages in Sandvox

If you publish the page then change it to a Draft (do not publish) in the…

Photo Album - Linking to a Collection

Thu, 23 Apr 2009 12:31:05 +0100

This is a Photo Album and contains Photo Pages.

Comments - Three Comments Systems Side-by-Side

Thu, 26 Mar 2009 12:43:54 +0000

Three micro-sites, one with Disqus comments, one with IntenseDebate comments and one with JS-Kit comments to allow side-by-side comparison. These are the three types of Comments that can easily be turned on from the Inspector of Sandvox 1.6

Collection Index Pagelet - Vertical Menus

Fri, 20 Mar 2009 00:13:51 +0000

Using Collection Index pages in Sandvox it is possible to create a form of vertical site navigation menu. I also discovered in doing this…

Navigation - How to Disappear the Menu Bar

Fri, 20 Mar 2009 00:03:27 +0000

Knowledge is what you get when looking for something else. And so it was when I discovered that you can make the horizontal navigation bar…

RSS - Control Number of RSS Posts

Thu, 19 Mar 2009 21:49:23 +0000

On a Sandvox Weblog Collection page, it is possible to control how many posts are shown on the page using the Inspector. You have to click…

RSS Feed Page - WordPress

Thu, 19 Mar 2009 12:39:09 +0000

This is a Sandvox RSS Feed page. I am just trying it out. It is linked to my WordPress [StepHowTo.com] site.

RSS Feed Page - Tumblr

Sun, 15 Mar 2009 22:31:39 +0000

This is a Sandvox RSS Feed page. I am just trying it out. It is linked to my tumblelog [isawnotes.com] on Tumblr.

Experiment - CDM Site Nav System

Wed, 11 Mar 2009 14:20:24 +0000

As an alternative to the Breadcrumb Bar [041 - Breadcrumb Navigation] method, I am developing a Chocolate Bar or CDM Site Nav' system,…

HTML - Bulleted Lists

Wed, 11 Mar 2009 13:59:47 +0000

Bulleted lists are not supported directly with Sandvox but can be pasted into the text area using HTML code.

Edit > Paste HTML into Text:

…

HTML - Browser ToolTip

Wed, 11 Mar 2009 13:14:10 +0000

Some browsers display a "tooltip" when the user's mouse hovers over text that has the HTML <p title=" "> element.

Example: Pasting this…

HTML - Anchor Tag

Tue, 24 Feb 2009 22:44:50 +0000

Top | Bottom

It is possible to jump between different places on the same web page by using the HTML Anchor tag <a...></a> in combination…

Navigation - Breadcrumb Bar

Sat, 03 Jan 2009 23:23:07 +0000

How I added the breadcrumb JavaScript to the top of the page in a Sandvox created site.

You need Sandvox Pro to do this.

1. I downloaded the…

Collection Archive Pagelet

Fri, 02 Jan 2009 11:16:16 +0000

The Collection Archive pagelet adds a month-by-month breakdown of the posts that have been made to a blog. The date for each post is…

Collection Index Pagelet to Blog Posts

Mon, 29 Dec 2008 22:02:13 +0000

To show the use of a Collection Index Pagelet to link to blog posts in a Collection with No Index I made this site: [Stress-Free]

It has a…

Pagelet - Moving Pagelets and Callouts

Fri, 26 Dec 2008 20:37:01 +0000

You can arrange and move the positions of Pagelets and Callouts using the Inspector and some careful jiggling.

Individual pagelets on…

HTML - Meta Description Tag

Wed, 17 Dec 2008 22:59:16 +0000

Going by this [Official Google Blog] meta description tags are helpful to search engines.

[Update - Sandvox 1.6.x will do this from the…

RSS - Add an RSS Feed

Tue, 16 Dec 2008 20:58:29 +0000

Having an RSS Feed means that people can Subscribe to you web log and will see when you add new articles to your collection.

You add a…

PDF Documents Add to Sandvox Site

Sun, 14 Dec 2008 21:38:21 +0000

Okaloosa County Home Sales Data
PDF Download List
PDF File Download
Video - Drag and Drop PDF

TextEdit - Used to Create a Text Graphic

Tue, 09 Dec 2008 11:47:48 +0000

A simple way to create a picture of text is to use TextEdit to create the text and a screen grabber to take a picture of the text on…

Sandvox - Using Different Versions

Mon, 08 Dec 2008 19:08:29 +0000

It possible to have different versions of Sandvox running on the same computer but preferably not at the same time though it is possible.…

Comments - Manually Add Disqus Comments

Mon, 08 Dec 2008 19:07:21 +0000

Update: Sandvox 1.6 now adds Disqus from the Inspector.

You DO NOT need Sandvox Pro to do this.

You DO NEED to create a Disqus account first…

Tumblr - Embed Tumblelog in Sandvox

Fri, 05 Dec 2008 23:19:03 +0000

This is my [tumblelog > And Then...] hosted by [Tumblr] embedded into a Rich Text HTML page of my Sandvox Pro created website. Your need…

Photoshop Elements Gallery Added to Sandvox

Mon, 01 Dec 2008 22:16:58 +0000

This is an experiment to link an Adobe Photoshop Elements Web Gallery using a Sandvox External Page with the Inspector setting as…

Collection Index Pagelet - Navigation

Sat, 29 Nov 2008 21:38:59 +0000

The Collection Index pagelet is a very useful aid to add structure and navigation to a site. It creates a sidebar of links that are…

CSS - Page Background Colour

Thu, 27 Nov 2008 15:15:09 +0000

Change the page background colour by pasting CSS:

body.allow-sidebar #main { background: #CC9999; }

</style>

in:

…

Navigation - Alternatives to the Site Menu

Wed, 26 Nov 2008 20:44:51 +0000

On certain Sandvox designs, when looked at using Internet Explorer 6 or 7 with the Text Size set in the browser to 'Largest', it is…

CSS - Photo Page Height

Wed, 26 Nov 2008 15:35:51 +0000

No CSS code injection to adjust the photo page height, just the standard automatic height adjustment. The jumping is noticeable moving to…

MobileMe - Uploading Video via iDisk

Wed, 19 Nov 2008 22:51:41 +0000

Sometimes Sandvox stalls when uploading/publishing large movie files.

If you are using MobileMe, you can upload the movies using the Finder…

Sandvox - Update Keychain Access Issue

Sun, 16 Nov 2008 18:39:13 +0000

I first explained my solution for this problem on Sandvox Support Forum back in September. I have decided to put my screencasts and written…

Contact Form - Modified to make a Survey

Sat, 08 Nov 2008 10:30:19 +0000

With Sandvox 1.5 more field types and options have been added to the Contact Form page/pagelet than were previously available in Sandvox.

JavaScript - Open New Windows from Old

Fri, 07 Nov 2008 15:05:17 +0000

Currently in Sandvox 1.5.2, Amazon List links only open within the current window of a browser. A question was asked on the Sandvox Yahoo!…

FancyZoom - Pop-out Images in Sandvox

Wed, 05 Nov 2008 22:13:24 +0000

You need Sandvox Pro to do this.

I have added a MobileMe site to show it works on there too. I found that I need to edit the links to the…

CSS - Format Indents

Wed, 05 Nov 2008 14:03:55 +0000

The question ["I would like to format my body text with a indent"] was asked on the Sandvox Yahoo! Group to format text differently. A…

JavaScript - Quote of the Day

Wed, 05 Nov 2008 12:09:50 +0000

This is a simple Random 'Tip' display JavaScript generate on the web page at:
[http://javascript.about.com/library/bltipgen.htm], that…

Experiment - Line Card Photo Album

Tue, 28 Oct 2008 22:39:45 +0000

This is an experiment to create a 'Line Card'. The examples #1 and #2, have a combination of Photo Album collection pages containing an…

Navigation - Menu Bar - Sorting the Order

Mon, 27 Oct 2008 20:59:42 +0000

Down the left-hand side of the Sandvox window is the Site Outline. The top page in the list is the 'Home page' of the site; the first page

Photo Album - Image Links to Photos on Flickr

Fri, 24 Oct 2008 20:06:00 +0100

I uploaded my pictures to Flickr, first. All buttons go to the relevant home page for the button name. The style of link is controlled by…

HTML - IFrame - Two Sites on the Page of One

Mon, 06 Oct 2008 22:17:12 +0100

This is a experiment in reply to an ambiguous question to ["create a single embeded image button that downloads two items from separate…

Sandvox - Adding Categories Fudgeup

Sun, 05 Oct 2008 10:33:17 +0100

[2nd Update - I have scrapped this experiment and removed the pagelet. Broken links are a sod to find in Sandvox. And List of Links quickly…

HaloScan - JS-Kit Poll - Restore Access

Thu, 02 Oct 2008 22:17:54 +0100

There is the script for a JS-Kit Poll between the horizontal lines below. I pasted it into the Raw HTML... view of this Rich Text page. I…

Experiment - Step-by-step in Sandvox

Wed, 01 Oct 2008 13:29:25 +0100

I had hoped to create step-by-step files another way that isn't working for me. This test is using Sandvox from start to finish. It hits…

PayPal - Add a PayPal Button in Sandvox

Thu, 18 Sep 2008 22:23:30 +0100

This is a test for inserting a PayPal button. You need Sandvox Pro to be able to do this because you need to have access to the Edit Raw…

Sandvox - Callouts Off, Terminally

Fri, 05 Sep 2008 16:04:40 +0100

There is a Hidden Preference for Sandvox that is set in the Terminal to turn off 'Callouts' in an index Collection Page. A Callout is a…

TextEdit - Zoom Text Size on Screen

Fri, 05 Sep 2008 13:43:15 +0100

It took me ages to realise that it is possible to zoom in on text in TextEdit without changing the font size. It's simple once you know…

Sandvox - Show Package Contents

Fri, 05 Sep 2008 13:28:31 +0100

One of the new features of Sandvox 1.5 is that the Site Document file can be opened and the actual media files (JPGs, PDFs, SWFs etc.) can…

Photo Album - Image link to Album and BannerZest

Thu, 04 Sep 2008 23:09:00 +0100

Two 'Property Card' images have been drag-and-dropped into the text area of this Photo Album (1) Collection:

1. Inside this first…

External Page - Page within Page

Tue, 02 Sep 2008 22:17:27 +0100

An alternative way to link to external pages.

This is a Collections > Sorted Tile List page containing two Pages > External Pages
In the …

External Page - List of Links

Tue, 02 Sep 2008 20:32:59 +0100

Exploring the problem of linking to external pages.

Jing - Video Screencasting Using SWF Video

Sat, 30 Aug 2008 21:57:38 +0100

As an experiment with the concept of screencasts, I started used [Jing by TechSmith].

[Update: There is now a Pro version of Jing that…

HaloScan - Page Delete Experiment

Mon, 25 Aug 2008 23:16:41 +0100

[Update - this info is now obsolete]

Original Page 1: This is a test to see what happens to HaloScan comments if the original page on which…

Setup Host - Publish to Local Folder

Mon, 25 Aug 2008 14:29:09 +0100

An interesting [discussion on the Sandvox Yahoo! Group] from problems Publishing a site lead to the idea of publishing to the local Sites…

Google Map - Prepare and Add it to Sandvox

Thu, 21 Aug 2008 15:52:18 +0100

I have re-edited this page and add the map below. I have written what I did to prepare the Google map and iframe code and how to paste the…

Google - Create a Google Form

Wed, 20 Aug 2008 22:15:02 +0100

I am in the process of updating to keep pace with changes made by Google.

The how to instruction [not uploaded yet]