zondag 16 augustus 2009
Objects on top of Movies
A while ago I read this topic about placing objects on top of QuickTime movies in iWeb:
Quicktime not layering behind others
In iWeb an object appears to be on top, but after publishing the page the object disappears behind the QuickTime movie.
Have a look at these images below. On the left a Flash Video, on the right a QuickTime movie. You'll see 2 images, the blue-ish one is the (selected) image on the page, the red-ish one when dragged.
When displayed in a browserwindow it's normal behaviour that QuickTime movies are on the front. But it seems strange when working in iWeb. Despair galore!
So what's the solution? Use a Flash Video. Besides that, you have more features. See my iFrame section with samples.
See this page where a butterfly image is positioned above a HTML Snippet with a Flash Video.
maandag 27 juli 2009
Where does iWeb store its file (2)
Here's another way to find your precious Domain file. Notice the text in the search field. Obvious, isn't it?
woensdag 22 juli 2009
Movie location
In addition to my blog How to add a movie to your blog, here's an image of the actual folder with the content:
If you need more movies on your pages, simply add a new html
page, a jpg in two
(2) locations (Don't know why. The Flashplayer wants it.) and the m4v
movie.
If your movie has a different size (width/height) you need to add a shade.png to reflect these dimensions.
woensdag 08 juli 2009
Where does iWeb store its file
Every day, every hour, every minute the question is raised in despair in the iWeb forum: Help I lost my file, where is it!!!
And if you still do not understand it.
Make changes to the iWeb pages, save the changes and remember the time you made them.
zondag 24 mei 2009
How to add a movie to your blog
Start by creating an empty/blank textpage in the HTML Editor of your choice. Use Smultron for starters.
Then add the most basic of HTML code. Check my demo pages for inspiration (While there, right-click and choose Show source code from the menu)
In the body section of the page you add the OBJECT/EMBED code for your movie/sound. Any movie or sound. Can be QuickTime, Flash, Silverlight, Real, DivX, anything. If it moves and/or makes noise it's media. See my sample pages. Or the demo pages I mentioned above.
Publish the page on the server and test it. Make sure it works. And test it again. And again. And again. No excuse.
Then come back to your Blog. Type some text as you see here and in the Edit <HTML> mode of the blog page, paste the following line of code:
<iframe height="320" src="http://www.wyodor.net/_Movies/Brand_VAF_Instruments/" frameborder="0" scrolling="no" width="506" allowTransparency="true"></iframe>
You should substitute your own details. Read this blogpost about Relative vs. Absolute pathnames.
Here's the result:
To see what files are used in the webpage, open the Activity window in Safari (Cmd-Alt-A). Works great with other webpages too. To download the items Option-Double-click each line in the window. Then store them in the correct folder.
Edit: pasting the IFRAME HTML element into the iWeb HTML Snippet gives the same result.
maandag 04 mei 2009
MIME type (more)
On 29 april 2009 I mentioned the problem with the wrong MIME type in Flock, Firefox and Camino. After checking, I noticed the same problems with other stylesheets created by iWeb.
However, I couldn't solve these this time.
In the end it turned out that by mounting iDisk and then manually copy
the .css files to their folder at MobileMe solved the
problem.
zaterdag 02 mei 2009
About the menus
The menus at the top of the pages are customized. You cannot edit these in iWeb.
For the how-to explanation, proceed to the Nested Sites in iWeb page.
Wrote Introduction page
I wrote a tutorial on how to prepare iWeb and how to add the templates to Thingamablog.
Noticed that it's not the White theme but the Modern one. Didn't test whether it affects the templates.
woensdag 29 april 2009
Thingamablog templates
To get you started, here are the current Thingamablog template files.
Expand the zip file and replace the files in the templates and web folder of your Thingamablog folder. The one with the large number.
Path in menu
iWeb uses a JavaScript to generate the menu bar at the top of the page.
In Thingamablog you have to add a command tag for Thingamablog to interprete when it generates the pages.
Here's what needs to be changed.
This (partially shown):
'.', {"path-to-root": ""
becomes this
'$BaseURL$>', {"path-to-root": "$BaseURL$>"
Display the source of an iWeb page to see the JavaScript. It starts with new NavBar(.
Wrong MIME type stylesheet
When viewing this blog in Firefox/Flock/Camino on MobileMe, the pages didn't display correctly. While they do display correctly when published on Personal Web Server on my Mac and on another webserver I use.
I couldn't figure out why, since the pages are the same.
Then in Flock I noticed a menu-command to display the Error console. It said the stylesheet wasn't loaded because of a wrong MIME type.
I opened the file to see what was wrong, but couln't determine. So in a hunch, I duplicated the Blog.css file that iWeb creates. Copied/pasted/renamed the Blog.css code to styles-site.css and used that file.
Now the pages display correctly.
