HTML Slides: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(Added more stuff, fixed formatting)
(Changed template to be take-2 instead of take-1)
Line 1: Line 1:
== Template ==
== Template ==


Here is the [http://htmlpad.org/engagement-slides-take-1 template] that Atul created.
Here is the latest [http://htmlpad.org/engagement-slides-take-2 template] that Atul created.


== Create your own ==
== Create your own ==
* Start a new Etherpad [http://etherpad.mozilla.org:9000/ here].
* Start a new Etherpad [http://etherpad.mozilla.org:9000/ here].
** Change the end of the URL to whatever you'd like it to be. (e.g. <code>/community-mktg-july-28</code>)
** Change the end of the URL to whatever you'd like it to be. (e.g. <code>/community-mktg-july-28</code>)
** Copy + paste the basic template code to get started (http://etherpad.mozilla.org:9000/engagement-slides-take-1)
** Copy + paste the basic template code to get started (http://etherpad.mozilla.org:9000/engagement-slides-take-2)
**Change + save what you like on your Etherpad and the magic happens!
**Change + save what you like on your Etherpad and the magic happens!



Revision as of 18:52, 9 August 2010

Template

Here is the latest template that Atul created.

Create your own

Edit your presentation

  • Shift-click anywhere on the page to get to the etherpad to make changes.
  • Edit + hit reload on the original slides to see changes.
  • To get a permanent link to a particular revision, add /rev.1 (or some other number at the end) to the end of the URL. Make sure that you removed anything after the # of the URL. For example, http://htmlpad.org/community-mktg-july-28/rev.2198.
  • To get a permanent link to a particular slide, add #slideNumber to the end of a URL, where slideNumber is the slide number to permalink to. For example, http://htmlpad.org/community-mktg-july-28/rev.2198#3.

Add a new slide

Tips

  • Formatting:
    • Guide to HTML bullets.
    • style="float: right"> Places images to the right. Text will wrap around.