Ero sivun ”Kokeilut:Annotointi” versioiden välillä

Kohteesta SshyWiki
Loikkaa:valikkoon, hakuun
(Kuvien annotointi voisi olla mainio juttu.)
 
(v2)
Rivi 6: Rivi 6:
 
</div>
 
</div>
 
</div>
 
</div>
<div style="float: left; margin: 0em 0; width: 90%; position: absolute">
+
<div style="float: left; margin: 0; width: 90%; position: absolute">
<div style="opacity: 0.8; background: rgba(255,255,0); border: 1px solid #AAA; margin: 0em 0 0; padding: 4px;">
+
<div style="opacity: 0.8; background: rgba(255,255,0)">
<table style="background: none">
+
<div style="top: 22em; left: 10em; float:left; position: absolute; opacity: 1.0;background-color: white">Rust [[Johan Kekonius (Nurmes 1770)|Johan Kekonius]]</div>
<tr><td>1</td></tr>
+
<div style="top: 28em; left: 10em; float:left; position: absolute; opacity: 1.0;background-color: white">Ho [[Ingrid Fredrika Kock]]</div>
<tr><td>2</td></tr>
+
<div style="top: 32em; left: 10em; float:left; position: absolute; opacity: 1.0;background-color: white">Son [[Erik Niklas Kekonius]]</div>
<tr><td>3</td></tr>
+
<div style="top: 32em; left: 70em; float:left; position: absolute; opacity: 1.0;background-color: white">läser i Thus 1814</div>
<tr><td>4</td></tr>
 
<tr><td>5</td></tr>
 
<tr><td>6</td></tr>
 
<tr><td>7</td></tr>
 
<tr><td>8</td></tr>
 
<tr><td>9</td></tr>
 
<tr><td>10</td></tr>
 
<tr><td>11</td></tr>
 
<tr><td>12</td></tr>
 
<tr><td>13</td></tr>
 
<tr><td>14</td><td style="opacity: 1.0;background-color: white">[[Johan Kekonius (Nurmes 1770)]]</td></tr>
 
<tr><td>15</td></tr>
 
<tr><td>16</td></tr>
 
<tr><td>17</td><td style="opacity: 1.0;background-color: white">[[Ingrid Fredrika Kock]]</td></tr>
 
<tr><td>18</td></tr>
 
<tr><td>19</td></tr>
 
<tr><td>20</td></tr>
 
<tr><td>21</td></tr>
 
<tr><td>22</td></tr>
 
<tr><td>23</td></tr>
 
<tr><td>24</td></tr>
 
<tr><td>25</td></tr>
 
<tr><td>27</td></tr>
 
<tr><td>27</td></tr>
 
<tr><td>28</td></tr>
 
<tr><td>29</td></tr>
 
<tr><td>30</td></tr>
 
<tr><td>31</td></tr>
 
<tr><td>32</td></tr>
 
<tr><td>33</td></tr>
 
<tr><td>34</td></tr>
 
<tr><td>35</td></tr>
 
<tr><td>36</td></tr>
 
<tr><td>37</td></tr>
 
<tr><td>38</td></tr>
 
<tr><td>39</td></tr>
 
<tr><td>40</td></tr>
 
<tr><td>41</td></tr>
 
<tr><td>42</td></tr>
 
<tr><td>43</td></tr>
 
<tr><td>44</td></tr>
 
<tr><td>45</td></tr>
 
<tr><td>46</td></tr>
 
<tr><td>47</td></tr>
 
<tr><td>48</td></tr>
 
<tr><td>49</td></tr>
 
<tr><td>50</td></tr>
 
<tr><td>51</td></tr>
 
<tr><td>52</td></tr>
 
<tr><td>53</td></tr>
 
<tr><td>54</td></tr>
 
<tr><td>55</td></tr>
 
<tr><td>56</td></tr>
 
<tr><td>57</td></tr>
 
<tr><td>58</td></tr>
 
<tr><td>59</td></tr>
 
<tr><td>60</td></tr>
 
<tr><td>61</td></tr>
 
<tr><td>62</td></tr>
 
<tr><td>63</td></tr>
 
<tr><td>64</td></tr>
 
<tr><td>65</td></tr>
 
<tr><td>66</td></tr>
 
<tr><td>67</td></tr>
 
<tr><td>68</td></tr>
 
<tr><td>69</td></tr>
 
<tr><td>70</td></tr>
 
<tr><td>71</td></tr>
 
<tr><td>72</td></tr>
 
<tr><td>73</td></tr>
 
<tr><td>74</td></tr>
 
<tr><td>75</td></tr>
 
</table>
 
 
</div>
 
</div>
 
</div>
 
</div>
Rivi 91: Rivi 18:
 
</div>
 
</div>
  
<table style="background: none">
+
<table style="background: none; height: 136em"><tr><td></td></tr></table>
<tr><td>1</td></tr>
 
<tr><td>2</td></tr>
 
<tr><td>3</td></tr>
 
<tr><td>4</td></tr>
 
<tr><td>5</td></tr>
 
<tr><td>6</td></tr>
 
<tr><td>7</td></tr>
 
<tr><td>8</td></tr>
 
<tr><td>9</td></tr>
 
<tr><td>10</td></tr>
 
<tr><td>11</td></tr>
 
<tr><td>12</td></tr>
 
<tr><td>13</td></tr>
 
<tr><td>14</td></tr>
 
<tr><td>15</td></tr>
 
<tr><td>16</td></tr>
 
<tr><td>17</td></tr>
 
<tr><td>18</td></tr>
 
<tr><td>19</td></tr>
 
<tr><td>20</td></tr>
 
<tr><td>21</td></tr>
 
<tr><td>22</td></tr>
 
<tr><td>23</td></tr>
 
<tr><td>24</td></tr>
 
<tr><td>25</td></tr>
 
<tr><td>27</td></tr>
 
<tr><td>27</td></tr>
 
<tr><td>28</td></tr>
 
<tr><td>29</td></tr>
 
<tr><td>30</td></tr>
 
<tr><td>31</td></tr>
 
<tr><td>32</td></tr>
 
<tr><td>33</td></tr>
 
<tr><td>34</td></tr>
 
<tr><td>35</td></tr>
 
<tr><td>36</td></tr>
 
<tr><td>37</td></tr>
 
<tr><td>38</td></tr>
 
<tr><td>39</td></tr>
 
<tr><td>40</td></tr>
 
<tr><td>41</td></tr>
 
<tr><td>42</td></tr>
 
<tr><td>43</td></tr>
 
<tr><td>44</td></tr>
 
<tr><td>45</td></tr>
 
<tr><td>46</td></tr>
 
<tr><td>47</td></tr>
 
<tr><td>48</td></tr>
 
<tr><td>49</td></tr>
 
<tr><td>50</td></tr>
 
<tr><td>51</td></tr>
 
<tr><td>52</td></tr>
 
<tr><td>53</td></tr>
 
<tr><td>54</td></tr>
 
<tr><td>55</td></tr>
 
<tr><td>56</td></tr>
 
<tr><td>57</td></tr>
 
<tr><td>58</td></tr>
 
<tr><td>59</td></tr>
 
<tr><td>60</td></tr>
 
<tr><td>61</td></tr>
 
<tr><td>62</td></tr>
 
<tr><td>63</td></tr>
 
<tr><td>64</td></tr>
 
<tr><td>65</td></tr>
 
<tr><td>66</td></tr>
 
<tr><td>67</td></tr>
 
<tr><td>68</td></tr>
 
<tr><td>69</td></tr>
 
<tr><td>70</td></tr>
 
<tr><td>71</td></tr>
 
<tr><td>72</td></tr>
 
<tr><td>73</td></tr>
 
<tr><td>74</td></tr>
 
<tr><td>75</td></tr>
 
</table>
 
  
* 75 riviä, testi loppuu
+
* 136em, testi loppuu

Versio 30. joulukuuta 2009 kello 13.54

Periaatteessa mahdollisuus kommentoida kuvia olisi tarpeen. Tätä varten pitäisi olla editointi-ikkuna, jonka taustalla on kuva, ja päälle voisi sitten kirjoittaa tekstiä. Vaikeaa? Ehkä. Toinen mahdollisuus on tehdä normaali wikisivu taustakuvan kanssa. Kummassakin mahdollisuudessa on aika tärkeää, että kuva ei muutu tai katoa kesken kaiken. Jos data generoitaisiin tietokannasta, näkymiä voisi muutella tarpeen mukaan, toisaalta wikimuoto takaisi helpon editoitavuuden.

  • 136em, testi loppuu