fische2.php

Quell Code

<h2>Fische mit Css erstellt</h2>
<div class="bubbles">
</div>
<div class="ground">
</div>
<div class="rock_1">
</div>
<div class="rock_2">
</div>
<div class="rock_3">
</div>
<div class="rock_4">
</div>
<div class="rock_5">
</div>
<div class="rock_6">
</div>
<div class="rock_7">
</div>
<div class="plant_1_wrap">
<div class="plant_1">
</div>
<div class="plant_2">
</div>
<div class="plant_3">
</div>
</div>
<div class="plant_2_wrap">
<div class="plant_4">
</div>
<div class="plant_5">
</div>
</div>
<div class="fish">
<img alt="Gold Fish-1" src="https://1.bp.blogspot.com/-ihoVSTQre20/V1FZc1OGXEI/AAAAAAAAa6Q/bwaNuZy0ctkixPDYvbR3LjaWXe5s7a-5gCK4B/s1600/ikan-mys2010.gif" /></div>
<div class="fish1">
<img alt="Gold Fish-2" src="https://1.bp.blogspot.com/-ihoVSTQre20/V1FZc1OGXEI/AAAAAAAAa6Q/bwaNuZy0ctkixPDYvbR3LjaWXe5s7a-5gCK4B/s1600/ikan-mys2010.gif" /></div>

<div style="position: fixed; bottom: 0px; height: 360px; right: 150px; width: 1400px;">
<div style="position: fixed; bottom: 0px; height: 160px; right: 150px; width: 1220px;">
<img alt=" " border="0" src="http://3.bp.blogspot.com/-3_PC-Hf3YVI/V1FaEpINvaI/AAAAAAAAa6k/_hy_-bsBTLYJTx4kFS_sz8tcBZZEbuvgACK4B/s1600/pohon-1-mys2010.png" title=" " /></div>
<div style="position: fixed; bottom: 0px; height:330px; right: 30px; width:  1400px;">
<script language="javascript" src="https://sites.google.com/site/kodesite/svn/ballon-mys2010.js"></script></div>
</div>
<div style="position: fixed; bottom: 0px; height: 360px; right: 150px; width: 1400px;">
<img alt=" " border="0" src="https://3.bp.blogspot.com/-qwUOIE74K2s/V1FardZuHOI/AAAAAAAAa6w/MbnPe9qjGH4fq2noS_Ysq_OpRuCPAeQNwCK4B/s1600/pohon-2-mys2010.png" title=" " /></div>
<div style="position: fixed; bottom: 0px; height: 460px; right: 20px; width: 1400px;">
<img alt=" " border="0" src="https://3.bp.blogspot.com/-qwUOIE74K2s/V1FardZuHOI/AAAAAAAAa6w/MbnPe9qjGH4fq2noS_Ysq_OpRuCPAeQNwCK4B/s1600/pohon-2-mys2010.png" title=" " /></div>
<div style="position: fixed; bottom: 0px; height: 200px; left:150px; width: 1720px;">
<img alt=" " border="0" src="http://4.bp.blogspot.com/-zwvz0zAB1Lc/Vp99VYf9BWI/AAAAAAAAXqw/vRccKKunvqE/s1600-r/bubbles-mys2010.gif" title=" " /></div>
<div style="bottom: 0px; height: 190px; right: 90px; width: 120px;">
<img alt=" " border="0" src="https://1.bp.blogspot.com/-MvbfS02tlKI/V1Fbi1oCBdI/AAAAAAAAa68/xW6zfMiJ6ug2dRRvIn2EY0_BB5TiFhIZACK4B/s1600/ikan2-mys2010.gif" title=" " /></div>
<div style="position: fixed; bottom: 0px; height: 290px; right: 190px; width: 1220px;">
<img alt=" " border="0" src="http://3.bp.blogspot.com/-3_PC-Hf3YVI/V1FaEpINvaI/AAAAAAAAa6k/_hy_-bsBTLYJTx4kFS_sz8tcBZZEbuvgACK4B/s1600/pohon-3-mys2010.png" title=" " /></div>
<div style="position: fixed; 0px; height: 390px; width: 2000px;">
<img alt=" " border="0" src="https://3.bp.blogspot.com/-DbzS_2r3j5o/V1FgTOhvxSI/AAAAAAAAa88/ejyGqkDPSTwR0KK8gVQ2EIybU3FHAkVLACK4B/s1600/pohon-4-mys2010.png" title=" " /></div>
<div style="position: fixed; bottom: 0px; height: 290px; right: 150px; width: 1720px;">
<img alt=" " border="0" src="http://3.bp.blogspot.com/-3_PC-Hf3YVI/V1FaEpINvaI/AAAAAAAAa6k/_hy_-bsBTLYJTx4kFS_sz8tcBZZEbuvgACK4B/s1600/pohon-1-mys2010.png" title=" " /></div>
<div id="beaker">
<span class="bubble">
<img border="0" height="60" name="e902" src="https://4.bp.blogspot.com/-rorBvXOHGzw/V1FYqw71c9I/AAAAAAAAa6I/jw59Ffb6QU05SzJvUfa4flTfEbYuHfwfwCK4B/s1600/ubur-mys2010.gif" width="100" /></span></div>
<div style="bottom: 120px; height: 190px; right: 800px; width: 120px;">
</div>
</div>
<div style="position: fixed; bottom: 0px; height: 190px; left: 350px; width: 1720px;">
<img alt=" " border="0" src="http://4.bp.blogspot.com/-2l1Bvhj0v5Y/Vp5XCZtiKDI/AAAAAAAAXqE/20xID4L5kvE/s1600-r/ikan2-mys2010.gif" title=" " /></div>
<div style="position: fixed; bottom: 0px; height: 190px; left: 350px; width: 1720px;">
<img alt=" " border="0" src="http://4.bp.blogspot.com/-zwvz0zAB1Lc/Vp99VYf9BWI/AAAAAAAAXqw/vRccKKunvqE/s1600-r/bubbles-mys2010.gif" title=" " /></div>
<div style="position: fixed; bottom: 0px; height: 190px; left: 350px; width: 1900px;">
<img alt=" " border="0" src="http://4.bp.blogspot.com/-zwvz0zAB1Lc/Vp99VYf9BWI/AAAAAAAAXqw/vRccKKunvqE/s1600-r/bubbles-mys2010.gif" title=" " /></div>
<div style="position: fixed; bottom: 0px; height: 290px; left: 150px; width: 1820px;">
<img alt=" " border="0" src="http://1.bp.blogspot.com/-2mov2EtgtHI/V1FlDgRLHSI/AAAAAAAAa9c/HxGyBtrQLlUVhVClTtjd_vzJB2cYHtargCK4B/s1600/pohon-5-mys2010.png" title=" " /></div>
<div style="position: fixed; bottom: 0px; height: 130px; left: 440px; width: 120px;">
<img alt="" border="0" src="https://3.bp.blogspot.com/-6_pZBk4P7io/V1FdeNGXdfI/AAAAAAAAa7w/T8sg8au0EMAggDjlvMT0m-Gf17OpuzEGwCK4B/s1600/kerang-mys2010.gif" title="" /></div>
<div style="position: fixed; bottom: 0px; height: 410px; right: -151px; width:  400px;">
<img src="https://1.bp.blogspot.com/-Et6VU5nmlfY/V1Fc5fG0QQI/AAAAAAAAa7c/ybr0M3N4lq8huh_Xmzw9OluaFxwJGA0ggCK4B/s1600/rumput2-mys2010.png" name="e902" border="0" width="350" height="590" /></a>
<div style="position: fixed; bottom: 0px; height: 290px; right: -151px; width:  400px;">
<img src="https://3.bp.blogspot.com/-xJgwRbvDwZ8/V1FcW0bs5gI/AAAAAAAAa7M/ORMgvzRtcHMqXrOEXjjnAZPzF5XB4QAJACK4B/s1600/rumput-mys2010.png" name="e902" border="0" width="350" height="790" /></a>
<div style="position: fixed; bottom: 0px; height: 310px; right: 30px; width:  400px;">
<img src="https://1.bp.blogspot.com/-dupS6umNXZ0/V1FdzfSM1MI/AAAAAAAAa78/ecJujSeWipEg5UrU4TS35Xu6EMGvJ9g5QCK4B/s1600/pohon-3-mys2010.png" name="e902" border="0" width="350" height="1190" /></a>
<div style="position: fixed; bottom: 0px; height: 120px; left: 520px; width: 420px;">
<img alt=" " border="0" src="https://3.bp.blogspot.com/-zg4HTUbuz-M/V1MOyIA9wZI/AAAAAAAAbAA/lLtJ_ufcI-Apmj5cqT9GE7GZiKiA28_RQCK4B/s1600/ikan3-mys2010.gif" title=" " /></div>
<div style="position: fixed; bottom: 0px; height: 370px; left: 520px; width: 210px;">
<img alt=" " border="0" src="https://3.bp.blogspot.com/-mpuGf19Dl68/V1FeoP1rDrI/AAAAAAAAa8k/TQ8Zl0D3qHsIgYDtH4urGvS0WdX4hLRqACK4B/s1600/bambu-mys2010.png" title=" " /></div>
<div style="position: fixed; bottom: 0px; height: 470px; left: 320px; width: 1210px;">
<img alt=" " border="0" src="https://3.bp.blogspot.com/-qwUOIE74K2s/V1FardZuHOI/AAAAAAAAa6w/MbnPe9qjGH4fq2noS_Ysq_OpRuCPAeQNwCK4B/s1600/pohon-2-mys2010.png" title=" " /></div>
<div style="position: fixed; bottom: 0px; height: 250px; left: 620px; width: 400px;">
<img alt=" " border="0" src="https://1.bp.blogspot.com/-ph5VEMx1okM/V1Ff78P-23I/AAAAAAAAa80/eop2LAOsFXMLfbhbmbBUXIpnuzoXk0w7wCK4B/s1600/zebra-mys2010.gif" title=" " /></div>
<div style="position: fixed; bottom: 0px; height: 290px; left: 350px; width: 1720px;">
<img alt=" " border="0" src="https://3.bp.blogspot.com/-DbzS_2r3j5o/V1FgTOhvxSI/AAAAAAAAa88/ejyGqkDPSTwR0KK8gVQ2EIybU3FHAkVLACK4B/s1600/pohon-4-mys2010.png" title=" " /></div>
<div style="position: fixed; bottom: 0px; height: 390px; left: 350px; width: 1720px;">
<img alt=" " border="0" src="http://4.bp.blogspot.com/-zwvz0zAB1Lc/Vp99VYf9BWI/AAAAAAAAXqw/vRccKKunvqE/s1600-r/bubbles-mys2010.gif" title=" " /></div>
<div style="position: fixed; bottom: 0px; height: 390px; left: 650px; width: 1720px;">
<img alt=" " border="0" src="http://4.bp.blogspot.com/-zwvz0zAB1Lc/Vp99VYf9BWI/AAAAAAAAXqw/vRccKKunvqE/s1600-r/bubbles-mys2010.gif" title=" " /></div>
<div style="position: fixed; bottom: 0px; height: 290px; left: 850px; width: 1720px;">
<img alt=" " border="0" src="http://4.bp.blogspot.com/-zwvz0zAB1Lc/Vp99VYf9BWI/AAAAAAAAXqw/vRccKKunvqE/s1600-r/bubbles-mys2010.gif" title=" " /></div>
</div>
  </div>
   </div>
    </div>
</div>
<div class="container">
<canvas height="600" id="fishtank" width="1400">
</canvas></div>
      </div>
    </div>
  </div>
</div>
<div class="container">
<canvas width="1400" height="600" id="Fish flocking simulation ">
</div>
  </div>
    </div>
      </div>
       </div>
    </div>
   </div>
  </div>
</div>