874
edits
HTML Slides: Difference between revisions
Jump to navigation
Jump to search
Added more stuff, fixed formatting
(→Tips) |
(Added more stuff, fixed formatting) |
||
| Line 5: | Line 5: | ||
== 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. ( | ** 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-1) | ||
**Change + save what you like on your Etherpad and the magic happens! | **Change + save what you like on your Etherpad and the magic happens! | ||
| Line 13: | Line 13: | ||
* Shift-click anywhere on the page to get to the etherpad to make changes. | * Shift-click anywhere on the page to get to the etherpad to make changes. | ||
* Edit + hit reload on the original slides to see changes. | * Edit + hit reload on the original slides to see changes. | ||
* | * To get a permanent link to a particular revision, add <code>/rev.1</code> (or some other number at the end) to the end of the URL. Make sure that you removed anything after the <code>#</code> of the URL. For example, http://htmlpad.org/community-mktg-july-28/rev.2198. | ||
* To get a permanent link to a particular slide, add <code>#slideNumber</code> to the end of a URL, where <code>slideNumber</code> is the slide number to permalink to. For example, http://htmlpad.org/community-mktg-july-28/rev.2198#3. | |||
== Add a new slide == | == Add a new slide == | ||
| Line 22: | Line 22: | ||
* Formatting: | * Formatting: | ||
** [http://www.homeandlearn.co.uk/wd/wds3p4.html Guide] to HTML bullets. | ** [http://www.homeandlearn.co.uk/wd/wds3p4.html Guide] to HTML bullets. | ||
** style="float: right"> Places images to the right. Text will wrap around. | ** <code>style="float: right"></code> Places images to the right. Text will wrap around. | ||