« 10.000 punten in Apple Discussions | Main | iWeb : Publish to MobileMe without the Sitename in the URL »

donderdag, 11 februari, 2010

DropBox and iWeb publishing. With code to add fixed images and menus

I use DropBox to add storage on the internet.

But it is also possible to publish your (iWeb) webpages there. To use the webpages for others to visit, put them in the Public folder in your DropBox folder.

Then lauch the DropBox website.

Go to your public folder and hover over a link. Click Copy public link and copy the URL.

Here's a link : http://dl.dropbox.com/u/3563737/Lycos/index.html

On the pages you'll see a bar across the whole webpage. Resize the browserwindow to see the effect. Normally that's not possible in iWeb, but it is with the JavaScript below :

<script language="JavaScript" type="text/javascript">
<!--
parent.document.body.style.backgroundImage='url(http://www.wyodor.net/postkantoor/images/Paginavulling.png)';
parent.document.body.style.backgroundRepeat='repeat-x';
// -->
</script>

On the Nirvana Bril (Fixed Menu) page I also added a fixed menu. Click the link below to see the code. I use a JavaScript file. It's easier to edit and you don't have to publish the iWeb webpage everytime you make changes. It doesn't display well in Microsoft Internet Explorer.

http://dl.dropbox.com/u/3563737/JavaScript/NirvanaBrilFixed.js

You paste the URL to the JavaScript file in the iWeb HTML Snippet like this :

<script src="../../../JavaScript/NirvanaBrilFixed.js" type="text/javascript"></script>

Another nice way to customize iWeb pages. Hope you like.

Posted by wyodor at 15:08.28
Edited on: donderdag, 11 februari, 2010 21:59.25
Categories: Design, Tutorials, Web