Uit Hack42
Ga naar: navigatie, zoeken
k
Regel 11: Regel 11:
 
** OK CSS Injectie
 
** OK CSS Injectie
 
* OK: polaroid layout bij plaatje
 
* OK: polaroid layout bij plaatje
* TODO: rotatie
+
* OK: rotatie
 
* TODO: over elkaar leggen.
 
* TODO: over elkaar leggen.
 +
* TODO: finetunen en implementeren
  
 
Dit is de testpagina.
 
Dit is de testpagina.
 
 
  
  
Regel 27: Regel 26:
 
<div style="float:center; clear:right; width:100%; margin:5px 0 1em 1em; border:solid 0px #AAAAAA; border-collapse:collapse; background-color:{{style|background}}; empty-cells:hide; text-align: justify; font-size: 1.2em;">
 
<div style="float:center; clear:right; width:100%; margin:5px 0 1em 1em; border:solid 0px #AAAAAA; border-collapse:collapse; background-color:{{style|background}}; empty-cells:hide; text-align: justify; font-size: 1.2em;">
 
<div class="polaroidlayout rotate20">[[image:Soldeerlab_leveled.jpg|x100px|link=Solder-lab]]<br /><p class="polaroidfont">[[Solder-lab]]</p></div>
 
<div class="polaroidlayout rotate20">[[image:Soldeerlab_leveled.jpg|x100px|link=Solder-lab]]<br /><p class="polaroidfont">[[Solder-lab]]</p></div>
<div class="polaroidlayout rotate10">[[image:makerlab_leveled.jpg|x100px|link=Maker-lab]]<br /><p class="polaroid">[[Maker-lab]]</p></div>
+
<div class="polaroidlayout rotate5">[[image:makerlab_leveled.jpg|x100px|link=Maker-lab]]<br /><p class="polaroid">[[Maker-lab]]</p></div>
<div class="polaroidlayout rotate320">[[image:Lezingenzaal.JPG|x100px|link=Lezingenzaal|]]<br /><p class="polaroid">[[Lezingenzaal]]</p></div>
+
<div class="polaroidlayout rotate10">[[image:Lezingenzaal.JPG|x100px|link=Lezingenzaal|]]<br /><p class="polaroid">[[Lezingenzaal]]</p></div>
<div class="polaroidlayout rotate20">[[image:Lounge2.JPG|x100px|link=Lounge]]<br />[[Lounge]]</div>
+
<div class="polaroidlayout rotate355">[[image:Lounge2.JPG|x100px|link=Lounge]]<br />[[Lounge]]</div>
<div class="polaroidlayout rotate350">[[image:Bar_leveled.jpg|x100px|link=Bar]]<br />[[Bar]]</div>
+
<div class="polaroidlayout rotate340">[[image:Bar_leveled.jpg|x100px|link=Bar]]<br />[[Bar]]</div>
<div class="polaroidlayout rotate320">[[image:gaming_leveled.jpg|x100px|link=Gaming]]<br />[[Gaming]]</div>
+
<div class="polaroidlayout rotate5">[[image:gaming_leveled.jpg|x100px|link=Gaming]]<br />[[Gaming]]</div>
<div class="polaroidlayout rotate20">[[image:bibliotheek_leveled.png|x100px|link=Bibliotheek]]<br />[[Bibliotheek]]</div>
+
<div class="polaroidlayout rotate355">[[image:bibliotheek_leveled.png|x100px|link=Bibliotheek]]<br />[[Bibliotheek]]</div>
<div class="polaroidlayout rotate20">[[image:Stofhok_leveled.jpg|x100px|link=Werkplaats]]<br />[[Werkplaats]]</div>
+
<div class="polaroidlayout rotate10">[[image:Stofhok_leveled.jpg|x100px|link=Werkplaats]]<br />[[Werkplaats]]</div>
<div class="polaroidlayout rotate20">[[image:Storage_leveled.png|x100px|link=Storage]]<br />[[Storage]]</div>
+
<div class="polaroidlayout rotate350">[[image:Storage_leveled.png|x100px|link=Storage]]<br />[[Storage]]</div>
<div class="polaroidlayout rotate20">[[image:Museum_leveled.jpg|x100px|link=Museum]]<br />[[Museum]]</div>
+
<div class="polaroidlayout rotate25">[[image:Museum_leveled.jpg|x100px|link=Museum]]<br />[[Museum]]</div>
<div class="polaroidlayout rotate20">[[image:entree_leveled.jpg|x100px|link=Entree]]<br />[[Entree]]</div>
+
<div class="polaroidlayout rotate5">[[image:entree_leveled.jpg|x100px|link=Entree]]<br />[[Entree]]</div>
<div class="polaroidlayout rotate20">[[image:Keuken.jpg|x100px|link=Keuken]]<br />[[Keuken]]</div>
+
<div class="polaroidlayout rotate15">[[image:Keuken.jpg|x100px|link=Keuken]]<br />[[Keuken]]</div>
<div class="polaroidlayout rotate20">[[image:Wc.JPG|x100px|link=WC]]<br /> [[WC]]</div>
+
<div class="polaroidlayout rotate355">[[image:Wc.JPG|x100px|link=WC]]<br /> [[WC]]</div>
<div class="polaroidlayout rotate20">[[image:Stookhok.JPG|x100px|link=Stookhok]]<br />[[Stookhok]]</div>
+
<div class="polaroidlayout rotate345">[[image:Stookhok.JPG|x100px|link=Stookhok]]<br />[[Stookhok]]</div>
 
</div>
 
</div>
 
|}
 
|}

Versie van 16 feb 2012 12:50

Project: Polaroids
Schroefje24.png
Schroefje24.png
Schroefje24.png
Schroefje24.png
Polaroids Picture.jpg

Polaroids

Naam Polaroids
Door Stitch
Status Uitvoer
Madskillz Webdesign
Doel / Omschrijving
Met HTML en CSS polaroid effect maken
Alle Projecten - Project Toevoegen
File:Polaroids_Picture.jpg noez


  • Nearly OK: Stift font
    • OK Uploaden
    • OK CSS Injectie
  • OK: polaroid layout bij plaatje
  • OK: rotatie
  • TODO: over elkaar leggen.
  • TODO: finetunen en implementeren

Dit is de testpagina.


Ruimtes in Hack42