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.
These are mostly Sandvox created Sites that have been published into a sub-folder. This technique allows different Designs to be used but keeps these sites completely separate from this site.
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.
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…
I have created a test site with a BannerZest banner in the header here:
www.isawhow.com/_tests/bannerzest-food/
There is a wiki howto…
I have discovered that the banner comes *above* the text and *is* centred if you are *not* editing the bz.js file on the server as…
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 and fonts used in a Sandvox Design can look different depending which browser and on which Operating System it is viewed and…
Please note: You do NOT need Sandvox Pro to Add Disqus comments from Sandvox 1.6 onwards. You DO NEED to create a Disqus account first.
How…
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.
This relates to a howto for adding a BannerZest banner to the header of a Sandvox site. The post is called BannerZest in the Site Header.
…
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,…
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...
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…
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 to show two separate pages on one page using the HTML iframe tag. This page is a Rich Text page in Sandvox Pro. The…
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…
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 bottom of the page in a Sandvox created site.
You need Sandvox Pro to do this. This is…
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 create a 'Line Card'. The examples #1 and #2, have a combination of Photo Album collection pages containing an…
This is an experiment, in answer to an email question, to see if music added to a parent album continues to play in the child photo albums.…
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 2008. I have decided to put my written tutorial…
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…
In Sandvox Pro, you can embed YouTube, Vimeo or similar hosted video into your Sandvox created website by using the HTML code provided by…
Update: YouTube have changed the player to have a pop-up button where you change the video from 320p up to the highest resolution available…
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…
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…
