0
Set Up 3D PresentationOpen Settings page.      1
Set Up 3D PresentationSet optional linked stylesheet url (e.g., Google Fonts).   2
Set Up 3D PresentationSet additional CSS styles.   3
Set Up 3D PresentationSet 3D Presentation page Title and Meta (description and author)   4
Set Up 3D Presentation    { your web site url } / index.php?3dpresentation=trueDefault 3D Presentation is available at the...
Set Up 3D PresentationDefault 3D Presentation is there.   6
Edit 3D Presentation StepClick on 3D Presentation to open Steps list   7
Edit 3D Presentation Step13 Defaults Steps are there in draft status.   8
Edit 3D Presentation StepCurrent minimum Sequence Number is 10, we will putSequence Number = 5 in the new Step in order to...
Edit 3D Presentation Step                                Title                              Content                       ...
Edit 3D Presentation Step          Hello          Hello World!                     5Let’s set Title, Content and sequence ...
Edit 3D Presentation StepIf we check back to the 3D Presentation now we have the new Step we just created at the beginning...
Edit 3D Presentation Step                                                 Name                                            ...
STEP 2 - Import DataOverview (Front overall View) helps you to calibrate your elements attributes within the whole 3D Pres...
End           Enjoy 3D Presentation!The power or impress.js brought into Worpdress.                                       ...
Upcoming SlideShare
Loading in...5
×

3d presentation tutorial

854

Published on

3D Presentation Plugin allows to create, edit and publish an impress.js presentation in your WordPress site.
Impress.js is a framework by Bartek Szopka based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.

Published in: Technology, Travel
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
854
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "3d presentation tutorial"

  1. 1. Set Up 3D PresentationOpen Settings page. 1
  2. 2. Set Up 3D PresentationSet optional linked stylesheet url (e.g., Google Fonts). 2
  3. 3. Set Up 3D PresentationSet additional CSS styles. 3
  4. 4. Set Up 3D PresentationSet 3D Presentation page Title and Meta (description and author) 4
  5. 5. Set Up 3D Presentation { your web site url } / index.php?3dpresentation=trueDefault 3D Presentation is available at the link indicated here. 5
  6. 6. Set Up 3D PresentationDefault 3D Presentation is there. 6
  7. 7. Edit 3D Presentation StepClick on 3D Presentation to open Steps list 7
  8. 8. Edit 3D Presentation Step13 Defaults Steps are there in draft status. 8
  9. 9. Edit 3D Presentation StepCurrent minimum Sequence Number is 10, we will putSequence Number = 5 in the new Step in order to have itshown at the beginning of the 3D presentation.Let’s create a new Step (Add New Step) and have it at the beginning of the sequence. 9
  10. 10. Edit 3D Presentation Step Title Content Step AttributesEach Step has Title, a Content and specific 3D Presentation Step Attributes. 10
  11. 11. Edit 3D Presentation Step Hello Hello World! 5Let’s set Title, Content and sequence number and Save Draft. 11
  12. 12. Edit 3D Presentation StepIf we check back to the 3D Presentation now we have the new Step we just created at the beginning of the 3D Presentation. 12
  13. 13. Edit 3D Presentation Step Name 3D Position Scale 3D Rotation Style (selector)The other Step Attributes allow you to name, to position, to rotate, to scale, and to style your 3D Step. 13
  14. 14. STEP 2 - Import DataOverview (Front overall View) helps you to calibrate your elements attributes within the whole 3D Presentation. 14
  15. 15. End Enjoy 3D Presentation!The power or impress.js brought into Worpdress. 15
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×