Examples of Various Embedded Items


Examples of Various Embedded Items




The Old Toad from Then Until Now
1% opaque object over an animated gif used to link to an external URL.
iTunes audio tracks added via the Media/Audio browser

Auto play audio file with set the volume to about 1/6 so it doesn’t blast an unsuspecting viewer.
Full sized jpeg file added and resized to current size resulting in a 24 KB file. With iWeb 2 it remains a jpg even if borders, reflection or drop shadow are applied.



To Miscitems
To LinkTest Page
To iPhoto Book
Images used as links to other pages.
StatCounter added to this page using the HTML Snippet and configuring the counter style and color at StatCounter. Old Toad's Tutorial No. 13 describes how to set one up and apply it.
Photo linked to large version of itself (1000 x 783 pixels) and set to be opened in a separate window.


The following is the code that was added to an HTML Snippet for the scrolling banner above:
<!-- HTML Codes by Quackit.com -->
<style type="text/css">
.html-marquee {height:40px;width:700px;font-family:Georgia;font-size:22pt;color: #FF0000}</style>
<marquee class="html-marquee" direction="left" behavior="scroll" scrollamount="8" >Welcome to Toad's Demo Sites. This is an exmaple of a scrolling text created by adding srolling marquee HTML code to an HTML snippet.</marquee>
I’ve added an HTML Snippet with the following code to change the page title that is seen at the top of the browser window. The snippet can be placed anywhere on the page.
<script type='text/javascript'>
parent.document.title = "Old Toad's Demo Site 1";
</script>

This is how the iTunes track looks like in iWeb

HTML snippet of ticker tape flash slideshow at OVI.com (formally Twango.com)






This is the code used to create the scrolling banner with hyperlink above
<style type="text/css">
.html-marquee {height:30px;width:700px;font-family:Georgia;font-size:14pt;color: #000000}</style>
<marquee class="html-marquee" direction="left" behavior="scroll" scrollamount="4" >Scrolling banner with a hyperlink embedded within it. <a href="http://toadstutorials.info" target="_blank"><u><font color="#FF9933">Old Toad’s Tutorials</font></u></a>.</marquee>
The hyperlink will open the link site in a new window.

now is the time