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,14 +1,14 @@
<div class="comic" style="height: 500px">
<div class="dialogue">
<div class="comic" style="height: 600px; background-image: url(/img/tutorial/ch1pg3.png);">
<div class="dialogue" style="left: 50px; top: 20px;">
Great!
Check out your site at <a href="">victoria.neocities.org</a>.
You did it!
</div>
<div class="dialogue">
<div class="dialogue" style="left: 300px; top: 10px;">
But... hm... it needs a little something more. Let's make your name a header by putting header tags around it.
</div>
<div class="dialogue">
Change the text to this: <h1>Victoria's Website</h1>
<div class="dialogue" style="left: 330px; top: 130px;">
Change the text to this: [h1]Victoria's Website[/h1]
and click save.
</div>
</div>