Note: I've had a change of heart about page names and titles. My headless changes have caused lots of broken links. Apologies for any inconvenience. In this moment of madness, I accidentally deleted a folder of uploaded images and so a number of the image links are not working as well. Ho-hum.
Let me know if you find any errors or if you have found something helpful.
This is my 'live' notebook in which I record 'How To' do something. Virtually every post is related to using Sandvox to create a website.
There are also experiments of 'what happens if...' and 'what does it look like'.
Some of my tutorials have a step-by-step version at my WordPress site at [http://www.stephowto.com].
Click to see the tutorials listed with Most Recent at the top.
In Sandvox Pro, you can embed YouTube, Vimeo or similar hosted video into your Sandvox created website by using the HTML code provided by…
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…
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…
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…
Using Collection Index pages in Sandvox it is possible to create a form of vertical site navigation menu. I also discovered in doing this…
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…
The colour of a Design can look different in different browsers and on different Operating Systems and depend on how the viewer has their…
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…
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
With Sandvox 1.5 more field types and options have been added to the Contact Form page/pagelet than were previously available in Sandvox.
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…
Change the page background colour by pasting CSS:
<style type="text/css">
body.allow-sidebar #main { background: #CC9999; }
</style>
in:
…
No CSS code injection to adjust the photo page height, just the standard automatic height adjustment. The jumping is noticeable moving to…
The font size in the Sidebar pagelet can be increased using the Code Injection:
Site > Site Code Injection... > Head Area [bottom box]
...…
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…
As an alternative to the Breadcrumb Bar [041 - Breadcrumb Navigation] method, I am developing a Chocolate Bar or CDM Site Nav' system,…
This is an experiment to create a 'Line Card'. The examples #1 and #2, have a combination of Photo Album collection pages containing an…
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…
An alternative way to link to external pages.
This is a Collections > Sorted Tile List page containing two Pages > External Pages
In the …
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…
Making FancyZoom work on MobileMe is a little more complicated. See here...
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…
I am in the process of updating to keep pace with changes made by Google.
The how to instruction [not uploaded yet]
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…
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…
[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…
Some browsers display a "tooltip" when the user's mouse hovers over text that has the HTML <p title=" "> element.
Example: Pasting this…
Bulleted lists are not supported directly with Sandvox but can be pasted into the text area using HTML code.
Edit > Paste HTML into Text:
…
This is a experiment in reply to an ambiguous question to ["create a single embeded image button that downloads two items from separate…
Going by this [Official Google Blog] meta description tags are helpful to search engines.
[Update - Sandvox 1.6.x will do this from the…
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.
…
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!…
This is a simple Random 'Tip' display JavaScript generate on the web page at:
[http://javascript.about.com/library/bltipgen.htm], that…
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…
As an experiment with the concept of screencasts, I started used [Jing by TechSmith].
[Update: There is now a Pro version of Jing that…
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…
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'…
Sometimes Sandvox stalls when uploading/publishing large movie files.
If you are using MobileMe, you can upload the movies using the Finder…
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…
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…
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…
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
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…
You can arrange and move the positions of Pagelets and Callouts using the Inspector and some careful jiggling.
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…
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…
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…
Two 'Property Card' images have been drag-and-dropped into the text area of this Photo Album (1) Collection:
1. Inside this first…
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…
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…
This is an experiment to link an Adobe Photoshop Elements Web Gallery using a Sandvox External Page with the Inspector setting as…
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…
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…
This is a Sandvox RSS Feed page. I am just trying it out. It is linked to my tumblelog [isawnotes.com] on Tumblr.
This is a Sandvox RSS Feed page. I am just trying it out. It is linked to my WordPress [StepHowTo.com] site.
[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…
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…
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…
I first explained my solution for this problem on Sandvox Support Forum back in September. I have decided to put my screencasts and written…
It possible to have different versions of Sandvox running on the same computer but preferably not at the same time though it is possible.…
An interesting [discussion on the Sandvox Yahoo! Group] from problems Publishing a site lead to the idea of publishing to the local Sites…
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…
It is possible to have an alternative language site by publishing the other language to a Subfolder and linking to the Subfolder from a…
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…
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…
This is my [tumblelog > And Then...] hosted by [Tumblr] embedded into a Rich Text HTML page of my Sandvox Pro created website. Your need…
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…
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…
