Webmaker/pet website: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
<h1>Make Your Pet a Webpage</h1> {{anchor|Intro}}
<strong>Because pets need web love, too! </strong> Use the handy "<a href="https://www.scrollkit.com/s/6034">Scroll Kit Editor</a>" to create a cute pet page fast, then share it with the world.
<div style="display:block;background-color:#ffffff;-moz-column-gap:20px;padding:20px;margin-top:20px;-moz-border-radius:10px;">
<div style="display:block;float:right;">https://scrollpictures.s3.amazonaws.com/uploads/image/store/3390/Screen_shot_2012-07-03_at_4.23.35_PM.png
</div>
<div style="width:80%;display:block;">
People aren't the only species that need to be conscious of their web presence, make your pet a webpage.  


'''Step 1:'''Head to [https://www.scrollkit.com/s/6034 scroll kit] and check out the examples by clicking the right arrow tab in the page. It works just like a slide show.
<img class="alignnone" title="I am dog!" src="https://wiki.mozilla.org/images/c/c6/I_am_dog_I_like_balls.png" alt="" width="536" height="314" />
 
<h3>Get started</h3>
'''Step 2:''' Once you reach the end of the examples, click the "+ add to the scroll" button.
<ol>
 
<li><strong>Check out these current pet page examples using the</strong> <a href="https://www.scrollkit.com/s/6034">Scroll Kit Editor</a>. It works like a slideshow -- just click on the right-hand arrow to advance.</li>
'''Step 3:''' Start editing
<li><strong>Add your own.</strong> Once you reach the end of the examples, click the "<strong>+ add to the scroll</strong>" button.</li>
*Upload pictures of your pet
<li><strong>Start editing.</strong> Upload pictures of your pet. Bring their personality to the web!</li>
*Add GIFs
<li><strong>Publish and share your creation.</strong> <a href="http://take-a-screenshot.org/ ">Take a screenshot</a> of your work for easy sharing. Be sure to tweet your screenshot with the <a href="https://twitter.com/#!/search/realtime/scrollpet">#scrollpet</a> hashtag!</li>
*Bring their personality to the web
</ol>
 
'''Step 4:''' Publish
 
'''Step 5:''' [http://take-a-screenshot.org/ Take a screenshot of your work]. Tweet your screenshot with the #scrollpet hashtag.
 
 
</div>
</div>

Latest revision as of 20:13, 6 July 2012

Because pets need web love, too! Use the handy "<a href="https://www.scrollkit.com/s/6034">Scroll Kit Editor</a>" to create a cute pet page fast, then share it with the world.

<img class="alignnone" title="I am dog!" src="I_am_dog_I_like_balls.png" alt="" width="536" height="314" />

Get started

  1. Check out these current pet page examples using the <a href="https://www.scrollkit.com/s/6034">Scroll Kit Editor</a>. It works like a slideshow -- just click on the right-hand arrow to advance.
  2. Add your own. Once you reach the end of the examples, click the "+ add to the scroll" button.
  3. Start editing. Upload pictures of your pet. Bring their personality to the web!
  4. Publish and share your creation. <a href="http://take-a-screenshot.org/ ">Take a screenshot</a> of your work for easy sharing. Be sure to tweet your screenshot with the <a href="https://twitter.com/#!/search/realtime/scrollpet">#scrollpet</a> hashtag!
Retrieved from "https://wiki.mozilla.org/index.php?title=Webmaker/pet_website&oldid=448319"