Uit Hack42
(Nieuwe pagina aangemaakt met '{{Project |Naam=Polaroids |Eigenaar=Stitch |Status=Uitvoer |Skills=Webdesign |Samenvatting=Met HTML en CSS polaroid effect maken }} Dit is de testpagina. <p class="po...') |
k |
||
| (9 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 | ||
}} | }} | ||
| + | |||
| + | * 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. | Dit is de testpagina. | ||
| − | <p class=" | + | |
| + | Eindresultaat: | ||
| + | == '''Ruimtes in [[space|Hack42]]''' == | ||
| + | |||
| + | |||
| + | <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 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 rotate355">[[image:Lezingenzaal.JPG|x100px|link=Lezingenzaal|]]<br /><p class="polaroidfont">[[Lezingenzaal]]</p></div> | ||
| + | <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 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 /><p class="polaroidfont">[[Bibliotheek]]</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 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 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 /><p class="polaroidfont">[[WC]]</p></div> | ||
| + | <div class="polaroidlayout rotate345">[[image:Stookhok.JPG|x100px|link=Stookhok]]<br /><p class="polaroidfont">[[Stookhok]]</p></div> | ||
| + | </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:
