Tutorial chapter 1 dialogue placement with rough comic mockups

This commit is contained in:
Victoria Wang 2015-09-18 15:09:06 -07:00
parent 11ab120f77
commit eb8873c381
20 changed files with 47 additions and 40 deletions

View file

@ -1,13 +1,13 @@
<div class="comic" style="height: 500px">
<div class="comic" style="height: 600px; background-image: url(/img/tutorial/ch1pg5.png);">
<div class="dialogue">
You're writing HTML! You're doing it! Everything you need to know is just another tag!
</div>
<div class="dialogue">
For example, links look like this:
<div class="dialogue" style="top: 0; width: 350px">
<p>For example, links look like this:</p>
<a href="http://neocities.org">Check out Neocities!</a>
<p>[a href="http://neocities.org"]Check out Neocities![/a]</p>
Add a link to your favorite site to the end of the paragraph, right before the </p> closing tag!
<p>Add a link to your favorite site to the end of the paragraph, right before the [/p] closing tag!</p>
</div>
</div>