MASTER Multimedia Features & Documentation - Do not delete (updated 12/9/08)

Revised 12/9/2008
How to eliminate the border around and a link under an image (e.g. my iPhone image)
style="border-width: 0">eProductivity for Lotus Notesclass="noshadow"/>

class="noshadow" will get rid of the border around an image (useful when the image has a white background)
style="border-width: 0" will get rid of the anchor link

Revised 4/5/2007
This document is used to showcase the features that Tanny has set up to change the way that content can be formatted.



Highlighted text:

This is an example of highlighted text.

How to do a highlighter with a hover text

Buy an Izuzu for only $500

Red text:

This is an example of RED text.

Quoted Text:

Tanny said:
Here's the thing: The important thing is to keep the main thing the main thing and all the other things will fall into place.



How to display an image with no border or shadow

emostickman.gif

How to show an image with a lightbox
Here is my screen shot
This is a sample screen shot #1 of Lotus Notes


How to manually setup a screen shot page using a lightbox

Step 1. Import the thumbnail image
Step 2. Import the full-size image
Step 3. Edit the following html example

  • This is screen one
    This is a sample screen shot #1 of Lotus Notes
  • This is screen two
    This is a sample screen shot #2 of Lotus Notes

Note: You can copy the above sections many times to get more screen shots across a page. Be sure to use one of the special page templates (e.g. "emo media template") that do not have all 3 columns.
Here's  an example web page with multiple screen shots




Here's how to use the insert media or lightbox menu options
Click here to see a full size view of a very happy man...
Here's how to use this

Notes:

When inserting media files, you MUST also:

1. Upload the media file to the media server
2. Edit the file prefix, if required, to match the sudirectory where the media is located.

When inserting lightbox files, you MUST:

1. Create main image with name of image.jpg (or .gif)
2. Create a thumbnail with filename of
imageThumb.jpg (or .gif)
3. Please both in the same directory
The program will take the file name you selected and look for a filename with "Thumb" appended to it with the same extension. If it cannot find the second file it will abort.


Here's how to use the new "Insert LightBox Image from Database" feature
(OLD PROCEDURES. THE ABOVE IS MORE CURRENT)
1. Manually create the jpg of the image, call it imagename.jpg
2. Manually create a thumbnail of the above and  call it thumbimagename.jpg
3. Manually import the images into the database  into a SINGLE document called Imagename.jpg
Now, in a content document, use the "Insert LightBox Image from Database" feature

Select the FULL SIZE image you want to display
Type in a enter a title.
This will paste the complete string (that references th emain image and the thumb image) into the content document. That's it!
NOTE: You cannot have double quote in the title

** Soon, Tanny will create code to do the above and pull files from a directory

List of thumbnails with lightbox viewer

Click here to see a full size view of a very happy man...Click here to see a full size view of a very happy man...Click here to see a full size view of a very happy man...

How to wrap text around an image:
Note: Tanny said that this method will not work well with numbered or ordered lists on the LEFT, but it will work on the RIGHT.weathercam.jpgAnd you shall remember the Lord your God, for it is He who gives you power to get wealth, that He may establish His Covenant which He swore to your fathers as it is this day.  weathercam.jpgAnd you shall remember the Lord your God, for it is He who gives you power to get wealth, that He may establish His Covenant which He swore to your fathers as it is this day. And you shall remember the Lord your God, for it is He who gives you power to get wealth, that He may establish His Covenant which He swore to your fathers as it is this day.

How to embed a WMV movie with a static image in front

This will play a WMV media file from streaming server. It will also display a .JPG file by the same name of the media.
Step 1. Create video clip and upload to media server
Step 2. Create .jpg image and use same filename prefix
Step 3. add 65 pixels to vertical height to allow for controls



NOTE: It's best to use the "EMO Media Template" which has only two columns and offers more room
. This way, I can use 640x480 or even 800x600 videos.


How to embed a FLV movie with a static image in front

This will play a FLV media file from streaming server. It will also display a .JPG file by the same name of the media.
Step 1. Create video clip and upload to media server
Step 2. Create .jpg image and use same filename prefix



NOTE: It's best to use the "EMO Media Template" which has only two columns and offers more room. This way, I can use 640x480 or even 800x600 videos.



TANNY: Pause and restart buttons do not work yet
How to embed a SWF movie with a static image in front

This will play a SWF media file from streaming server. It will also display a .JPG file by the same name of the media.
Step 1. Create video clip and upload to media server
Step 2. Create .jpg image and use same filename prefix



NOTE: It's best to use the "EMO Media Template" which has only two columns and offers more room. This way, I can use 640x480 or even 800x600 videos.


This is a podcast
All you have to do is fill out the podcast tab. Podcasts will always appear at the bottom of the post.

Copyright © 2001, 2002-2019, ICA.COM, Inc. - All Rights Reserved. eProductivity™ and ICA are trademarks or registered trademarks of ICA.COM, Inc.
"GTD®" and "Getting Things Done®" are registered trademarks of the David Allen Company. Lotus® and Lotus Notes® are registered trademarks of IBM Corporation.