Uit Hack42
k |
k |
||
| (4 tussenliggende versies door dezelfde gebruiker niet weergegeven) | |||
| Regel 2: | Regel 2: | ||
|Naam=Polaroids | |Naam=Polaroids | ||
|Eigenaar=Stitch | |Eigenaar=Stitch | ||
| − | |Status= | + | |Status=Afgerond |
|Skills=Webdesign | |Skills=Webdesign | ||
|Samenvatting=Met HTML en CSS polaroid effect maken | |Samenvatting=Met HTML en CSS polaroid effect maken | ||
| Regel 12: | Regel 12: | ||
* OK: polaroid layout bij plaatje | * OK: polaroid layout bij plaatje | ||
* OK: rotatie | * OK: rotatie | ||
| − | * | + | * OK: over elkaar leggen. (is standaard) |
| − | * | + | * OK: finetunen en implementeren |
| + | |||
| + | Werkt in Chrome, Firefox. Onder IE werkt rotatie niet, maar zit het er ook OK uit. | ||
Dit is de testpagina. | Dit is de testpagina. | ||
| + | Eindresultaat: | ||
== '''Ruimtes in [[space|Hack42]]''' == | == '''Ruimtes in [[space|Hack42]]''' == | ||
| − | <div style="float:center; clear:right; width:100%; margin:5px 0 1em 1em | + | <div style="float:center; clear:right; width:100%; margin:5px 0 1em 1em; font-size: 1.6em;"> |
<div class="polaroidlayout rotate355">[[image:Hack42_hq.jpg|x100px|link=space]]<br /><p class="polaroidfont">[[Space|De Space]]</p></div> | <div class="polaroidlayout rotate355">[[image:Hack42_hq.jpg|x100px|link=space]]<br /><p class="polaroidfont">[[Space|De Space]]</p></div> | ||
<div class="polaroidlayout rotate10">[[image:Soldeerlab_leveled.jpg|x100px|link=Solder-lab]]<br /><p class="polaroidfont">[[Solder-lab]]</p></div> | <div class="polaroidlayout rotate10">[[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="polaroidfont">[[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 rotate355">[[image:Lezingenzaal.JPG|x100px|link=Lezingenzaal|]]<br /><p class="polaroidfont">[[Lezingenzaal]]</p></div> | <div class="polaroidlayout rotate355">[[image:Lezingenzaal.JPG|x100px|link=Lezingenzaal|]]<br /><p class="polaroidfont">[[Lezingenzaal]]</p></div> | ||
| − | <div class="polaroidlayout | + | <div class="polaroidlayout rotate345">[[image:Lounge2.JPG|x100px|link=Lounge]]<br /><p class="polaroidfont">[[Lounge]]</p></div> |
<div class="polaroidlayout rotate10">[[image:Bar_leveled.jpg|x100px|link=Bar]]<br /><p class="polaroidfont">[[Bar]]</p></div> | <div class="polaroidlayout rotate10">[[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 /><p class="polaroidfont">[[Gaming]]</p></div> | <div class="polaroidlayout rotate5">[[image:gaming_leveled.jpg|x100px|link=Gaming]]<br /><p class="polaroidfont">[[Gaming]]</p></div> | ||
| Regel 32: | Regel 35: | ||
<div class="polaroidlayout rotate10">[[image:Stofhok_leveled.jpg|x100px|link=Werkplaats]]<br /><p class="polaroidfont">[[Werkplaats]]</p></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 /><p class="polaroidfont">[[Storage]]</p></div> | <div class="polaroidlayout rotate350">[[image:Storage_leveled.png|x100px|link=Storage]]<br /><p class="polaroidfont">[[Storage]]</p></div> | ||
| − | <div class="polaroidlayout | + | <div class="polaroidlayout rotate0">[[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 /><p class="polaroidfont">[[Entree]]</p></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 /><p class="polaroidfont">[[Keuken]]</p></div> | <div class="polaroidlayout rotate15">[[image:Keuken.jpg|x100px|link=Keuken]]<br /><p class="polaroidfont">[[Keuken]]</p></div> | ||
Huidige versie van 16 feb 2012 om 12:12
| Project: Polaroids | |
|---|---|
  Polaroids | |
| Naam | Polaroids |
| Door | Stitch |
| Status | Afgerond |
| Madskillz | Webdesign |
| Doel / Omschrijving | |
| Met HTML en CSS polaroid effect maken | |
| Alle Projecten - Project Toevoegen | |
noez
- Nearly OK: Stift font
- OK Uploaden
- OK CSS Injectie
- OK: polaroid layout bij plaatje
- OK: rotatie
- OK: over elkaar leggen. (is standaard)
- OK: finetunen en implementeren
Werkt in Chrome, Firefox. Onder IE werkt rotatie niet, maar zit het er ook OK uit.
Dit is de testpagina.
Eindresultaat:
