apple website kaders namaken

[Pablo11392]

Ik vroeg me af of iemand een tutorial heeft of kan vertellen hoe ik onderstaand plaatje kan namaken. Het gaat dan vooral om de box+shadow, niet de inhoud (tekst plaatje):



Bedankt alvast
Via google kon in niet echt iets vinden. Wist ook niet helemaal hoe ik het moest verwoorden.

[ Voor 9% gewijzigd door Pablo11392 op 20-09-2012 13:26 ]

[DeluxZ]

Met CSS3 border-radius en box-shadow? Je zegt het eigenlijk zelf al.

[NMe]

Sorry, maar je zoekt een tutorial over hoe je een wit vakje met grijze border, ronde hoekjes en een shadow gradient die van transparant naar grijs en weer terug naar transparant gaat?

[Pablo11392]

Ehm..nou ik kwam er niet uit...? Het moet gemaakt worden in photoshop. Maar onder zo een vlak heb je in het midden een dikkere shadow in het midden. Maar ik moet dus op de shadow een gradient gooien?

[MueR]

Niet om het een of ander, maar wanneer ga je zelf eens wat moeite doen? Die basale, inzetloze vragen van je moeten echt eens ophouden. Doe zelf wat. Probeer het gewoon eens. Wij zijn geen google.

[ Voor 10% gewijzigd door MueR op 20-09-2012 13:37 ]

[Pablo11392]

:S:S:S:S Ja maar meneer de Moderator..die zijn uit 2010 toen was ik nog niet zo verstandig

Ik hoopte dat iemand mij kon vertellen hoe ik precies dit effect kan nabootsen. Op internet vind ik er helemaal niks over.. Anders kwam ik hier niet terecht. En blijkbaar ben ik niet vaardig genoeg om het zelf te kunnen, dus zocht ik hulp.

[Big Womly]

Ik heb op een halve minuut en 2 google pogingen meerdere voorbeelden gevonden.
Na MueR's reactie ga ik je toch nog veel succes wensen! Ik ben ervan overtuigd dat je het ook kunt

[LiquidT_NL]

Wil dit dus namaken in photshop, niet eens via een website? Dat is niet zo moeilijk:
- google box rounded corners borders photoshop
- google shadown gradient photoshop

Serieus, even googlen, en ik zal je eerlijk zeggen: ik heb photoshop letterlijk voor 10 minuten gebruikt in mijn hele leven en totaal geen affiniteit met designen. Grote mond trekken naar een moderator, terwijl hij toch duidelijk aangeeft wat er mis is (en jij je niet houdt aan de regels hier op tweakers m.b.t. het openen van een thread) is echt not done.

[NMe]

Je zou een layer kunnen maken met daarin je blokje waarop je die border en ronde hoekjes regelt. Vervolgens hoef je alleen maar een gradient te trekken die van transparant naar grijs naar transparant loopt op een layer die onder je blokje ligt en eventueel wat overbodige gradients weg te vegen bij de hoekjes/randjes. Dat is vast niet de beste oplossing, maar wel eentje die nogal voor de hand ligt.

Dit gaat lulliger klinken dan het bedoeld is, maar gezien het feit dat je in 2010 ook al met grafisch spul bezig was: zit je wel in de goeie business?

[Younes]

Uhm, jullie kunnen wel op hem gaan zitten flamen, maar als je dit soort gemekker in je zoektocht naar een soortgelijk antwoord tegenkomt, dan is het vervelend als je geen antwoord vindt.

Daarnaast vind ik het wel goed dat iemand ergens op wordt aangesproken, maar doe dat dan wel constructief. Ik vind sommige reacties toch wel iets te fel.

[Big Womly]

Het probleem is niet dat we jongeheer Pablo niet willen helpen, maar dat hij blijkbaar een beetje hardleers is over hoe de zaken hier aantoegaan.
Wij delen graag onze kennis aan mensen die willen bijleren. Maar als ik, met minimale HTML en CSS kennis notabene, op een halve minuut via google het antwoord op zijn vraag vind, dan vraag ik mij af hoeveel de TS er van zijn eigen tijd al heeft ingestoken, en of hij niet onmiddellijk zijn vraag hier heeft geplaatst omdat het "fancy & complex" lijkt.

Indien TS het nog steeds niet heeft gevonden
Mijn zoektermen op google waren: HTML5 mac shadow box
Geen spatie tussen HTML en 5. 2 van deze 4 woorden heeft de TS zelfs letterlijk in zijn eerste post staan, van een derde staat een synoniem in de titel.

Dan kom je onderandere op deze site uit. Effect 2 6 is volgens mij wat de TS zoekt, alleen in omgekeerde schaduwkleuren.

[Inspector]

Pure css oplossing: http://cssdesk.com/wJx5Z

En inderdaad met een beetje Google en sandboxen is het zo gepiept