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...') |
|||
| Regel 6: | Regel 6: | ||
|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 | ||
| + | * TODO: rotatie | ||
| + | * TODO: over elkaar leggen. | ||
| + | |||
Dit is de testpagina. | Dit is de testpagina. | ||
| − | <p class="polaroid"> | + | |
| + | |||
| + | |||
| + | {| style="border: 0px solid blue; border-top-left-radius: 5px; border-top-right-radius:5px; padding: 0px; {{#if: {{{2|}}} | width:{{{2}}}; | width:100%; }} margin:10px; padding-right: 20px;" border="0" cellpadding="2" cellspacing="0" | ||
| + | |- | ||
| + | | colspan="1" style="font-size:16px; text-align: left; background-color: #E0E9E9; border-top-left-radius: 5px; border-top-right-radius:5px; vertical-align: top; padding: 6px; border:0px; color:#5A3696; border-bottom: 1px solid #DDD;" | '''Ruimtes in [[space|Hack42]]''' | ||
| + | |- | ||
| + | | style="background-color: #EDF2F2; padding: 10px; padding-right: 35px; border-bottom-left-radius: 5px; border-bottom-right-radius:5px; text-shadow: 0.1em 0.1em 0.1em grey; border-top: 1px solid white; text-align: justify;" | | ||
| + | |||
| + | <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 style="polaroidlayout rotate20">[[image:makerlab_leveled.jpg|x100px|link=Maker-lab]]<br /><p class="polaroid">[[Maker-lab]]</p></div> | ||
| + | <div style="polaroidlayout rotate20">[[image:Lezingenzaal.JPG|x100px|link=Lezingenzaal|]]<br /><p class="polaroid">[[Lezingenzaal]]</p></div> | ||
| + | <div style="polaroidlayout rotate20">[[image:Lounge2.JPG|x100px|link=Lounge]]<br />[[Lounge]]</div> | ||
| + | <div style="polaroidlayout rotate20">[[image:Bar_leveled.jpg|x100px|link=Bar]]<br />[[Bar]]</div> | ||
| + | <div style="polaroidlayout rotate20">[[image:gaming_leveled.jpg|x100px|link=Gaming]]<br />[[Gaming]]</div> | ||
| + | <div style="polaroidlayout rotate20">[[image:bibliotheek_leveled.png|x100px|link=Bibliotheek]]<br />[[Bibliotheek]]</div> | ||
| + | <div style="polaroidlayout rotate20">[[image:Stofhok_leveled.jpg|x100px|link=Werkplaats]]<br />[[Werkplaats]]</div> | ||
| + | <div style="polaroidlayout rotate20">[[image:Storage_leveled.png|x100px|link=Storage]]<br />[[Storage]]</div> | ||
| + | <div style="polaroidlayout rotate20">[[image:Museum_leveled.jpg|x100px|link=Museum]]<br />[[Museum]]</div> | ||
| + | <div style="polaroidlayout rotate20">[[image:entree_leveled.jpg|x100px|link=Entree]]<br />[[Entree]]</div> | ||
| + | <div style="polaroidlayout rotate20">[[image:Keuken.jpg|x100px|link=Keuken]]<br />[[Keuken]]</div> | ||
| + | <div style="polaroidlayout rotate20">[[image:Wc.JPG|x100px|link=WC]]<br /> [[WC]]</div> | ||
| + | <div style="polaroidlayout rotate20">[[image:Stookhok.JPG|x100px|link=Stookhok]]<br />[[Stookhok]]</div> | ||
| + | </div> | ||
| + | |} | ||
Versie van 16 feb 2012 12:37
| Project: Polaroids | |
|---|---|
  Polaroids | |
| Naam | Polaroids |
| Door | Stitch |
| Status | Uitvoer |
| 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
- TODO: rotatie
- TODO: over elkaar leggen.
Dit is de testpagina.
| Ruimtes in Hack42 |
