Uit Hack42
Ga naar: navigatie, zoeken
k
k
Regel 26: 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 rotate5">[[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="polaroidfont">[[Maker-lab]]</p></div>
−
<div class="polaroidlayout rotate10">[[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="polaroidfont">[[Lezingenzaal]]</p></div>
−
<div class="polaroidlayout rotate355">[[image:Lounge2.JPG|x100px|link=Lounge]]<br />[[Lounge]]</div>
+
<div class="polaroidlayout rotate355">[[image:Lounge2.JPG|x100px|link=Lounge]]<br /><p class="polaroidfont">[[Lounge]]</p></div>
−
<div class="polaroidlayout rotate340">[[image:Bar_leveled.jpg|x100px|link=Bar]]<br />[[Bar]]</div>
+
<div class="polaroidlayout rotate340">[[image:Bar_leveled.jpg|x100px|link=Bar]]<br /><p class="polaroidfont">[[Bar]]</p></div>
−
<div class="polaroidlayout rotate5">[[image:gaming_leveled.jpg|x100px|link=Gaming]]<br />[[Gaming]]</div>
+
<div class="polaroidlayout rotate5">[[image:gaming_leveled.jpg|x100px|link=Gaming]]<br /><p class="polaroidfont">[[Gaming]]</p></div>
−
<div class="polaroidlayout rotate355">[[image:bibliotheek_leveled.png|x100px|link=Bibliotheek]]<br />[[Bibliotheek]]</div>
+
<div class="polaroidlayout rotate355">[[image:bibliotheek_leveled.png|x100px|link=Bibliotheek]]<br /><p class="polaroidfont">[[Bibliotheek]]</p></div>
−
<div class="polaroidlayout rotate10">[[image:Stofhok_leveled.jpg|x100px|link=Werkplaats]]<br />[[Werkplaats]]</div>
+
<div class="polaroidlayout rotate10">[[image:Stofhok_leveled.jpg|x100px|link=Werkplaats]]<br /><p class="polaroidfont">[[Werkplaats]]</p></div>
−
<div class="polaroidlayout rotate350">[[image:Storage_leveled.png|x100px|link=Storage]]<br />[[Storage]]</div>
+
<div class="polaroidlayout rotate350">[[image:Storage_leveled.png|x100px|link=Storage]]<br /><p class="polaroidfont">[[Storage]]</p></div>
−
<div class="polaroidlayout rotate25">[[image:Museum_leveled.jpg|x100px|link=Museum]]<br />[[Museum]]</div>
+
<div class="polaroidlayout rotate25">[[image:Museum_leveled.jpg|x100px|link=Museum]]<br /><p class="polaroidfont">[[Museum]]</p></div>
−
<div class="polaroidlayout rotate5">[[image:entree_leveled.jpg|x100px|link=Entree]]<br />[[Entree]]</div>
+
<div class="polaroidlayout rotate5">[[image:entree_leveled.jpg|x100px|link=Entree]]<br /><p class="polaroidfont">[[Entree]]</p></div>
−
<div class="polaroidlayout rotate15">[[image:Keuken.jpg|x100px|link=Keuken]]<br />[[Keuken]]</div>
+
<div class="polaroidlayout rotate15">[[image:Keuken.jpg|x100px|link=Keuken]]<br /><p class="polaroidfont">[[Keuken]]</p></div>
−
<div class="polaroidlayout rotate355">[[image:Wc.JPG|x100px|link=WC]]<br /> [[WC]]</div>
+
<div class="polaroidlayout rotate355">[[image:Wc.JPG|x100px|link=WC]]<br /><p class="polaroidfont">[[WC]]</p></div>
−
<div class="polaroidlayout rotate345">[[image:Stookhok.JPG|x100px|link=Stookhok]]<br />[[Stookhok]]</div>
+
<div class="polaroidlayout rotate345">[[image:Stookhok.JPG|x100px|link=Stookhok]]<br /><p class="polaroidfont">[[Stookhok]]</p></div>
 
</div>
 
</div>
 
|}
 
|}

Versie van 16 feb 2012 12:51

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
Overgenomen van "https://hack42.nl/mediawiki/index.php?title=Gebruiker:Stitch/Polaroids&oldid=6540"