[CSS] CSS-Contest 2012 WIPs

[LaFaSiLuc]

AW: [CSS] CSS-Contest 2012 WIPs

Danke dir Sag mal, darf ich die Fotos quadratisch zurechtschneiden oder müssen die in diesem Format bleiben?

 

[patrick_l]

AW: [CSS] CSS-Contest 2012 WIPs

Danke dir Sag mal, darf ich die Fotos quadratisch zurechtschneiden oder müssen die in diesem Format bleiben?

So lang das zurecht schneiden mit CSS geschieht Oder wolltest du jetzt die Bilder selbst verändert :uhm:

widht: {?;}
height:{?;}

 

[simonpicos]

AW: [CSS] CSS-Contest 2012 WIPs

Otto: Dein width-height tipp ist nur bedingt sinnvoll.. wenn du dem image ein width und height gibst wird das beild verzerrt. Das geht nur wenn du ein Hintergrundbild zuweist und dann das Element mit width und height "beschneidest"

 

[LaFaSiLuc]

AW: [CSS] CSS-Contest 2012 WIPs

ich zeig euch das mal, die Bilder sollten Polaroidartig werden, das sieht aber wirklich nur gut aus, wenn die Bilder im Original schon quadratisch sind:

 

[simonpicos]

AW: [CSS] CSS-Contest 2012 WIPs

Hast recht, so kann man das nicht machen. Mit ein wenig trickserei gehts aber schon:

du generierst mit :before (oder :after) ein pseudoelement vor bzw. hinter dem bild. dem gibst du dann die gewünschte höhe und breite und weist das entsprechende Bild als Hintergrundbild zu. Dürfte dann in etwa so aussehen:

img:before{
    content:'';
    width: 190px;
    height: 190px;
    background-image: url(bildpfad/bild.jpg);
}

Das eigentliche Image blendest du dann aus


(alles ohne es getestet zu haben )

edit: http://www.zurb.com/article/305/easily-turn-your-images-into-polaroids-wi als anregung für polaroid

 

[patrick_l]

AW: [CSS] CSS-Contest 2012 WIPs

Otto: Dein width-height tipp ist nur bedingt sinnvoll.. wenn du dem image ein width und height gibst wird das beild verzerrt. Das geht nur wenn du ein Hintergrundbild zuweist und dann das Element mit width und height "beschneidest"

Da hast du natürlich recht. Aber wenn das ganze nur verkleinert wird. Die Proportionen erhalten bleiben gibt es ja eigentlich keine Probleme. Ansonsten würde ich es auch so wie es sagtest mit Pseudoelementen versuchen.

 

[LaFaSiLuc]

AW: [CSS] CSS-Contest 2012 WIPs

Ja, aber die Vorschau ist doch dann auch verzerrt, oder nur beschnitten?

 

[simonpicos]

AW: [CSS] CSS-Contest 2012 WIPs

Ja, aber die Vorschau ist doch dann auch verzerrt, oder nur beschnitten?

Ich bastel an meiner Galerie grad rum, auch mit pseudoelementen. Bevor ich wieder gegen 1 in die Schule geh poste ich dir hier den link, dann kansttes dir mal anschauen

(Ich versteh nämlich grad nicht so ganz was du meinst )

 

[LaFaSiLuc]

AW: [CSS] CSS-Contest 2012 WIPs

Ich habs jetzt anders gelöst Gefällt mir so ganz gut....

 

[Gegenstrom]

AW: [CSS] CSS-Contest 2012 WIPs

Ich habs jetzt anders gelöst Gefällt mir so ganz gut....

jap sieht doch gut aus, zu polaroid galerie habsch mir nochn link gespeichert:
kommt deiner galerie ja doch sehr nahe

was mir aufgefallen ist, unter psd zen garden, die h2, die hat ja keinen bg, da schau ich jedesmal hin

 

[simonpicos]

AW: [CSS] CSS-Contest 2012 WIPs

Ich habs jetzt anders gelöst Gefällt mir so ganz gut....

ist doch schik kannste ja noch mit ner kleienen transition aufpeppen

 

[LaFaSiLuc]

AW: [CSS] CSS-Contest 2012 WIPs

Danke, gegenstrom h2? bg? ööööhh... ich fand das künstlerisch so ansprechend - weißraum und so *grins*. simon, ich bin froh, das es so leidlich funzt, transitions kommen später. Das KontaktFormular hab ich auch geändert (danköö, cebito) es muss nur noch etwas kleiner, woll?

 

[simonpicos]

AW: [CSS] CSS-Contest 2012 WIPs

es muss nur noch etwas kleiner, woll?

ein büsschen vielleicht, aber ich finde es sieht echt gut aus!

Hier mal das, was ich erst mit der galerie vorhatte:

es wird bei mir jetzt wohl doch auf nen autoslider hinauslaufen in der art:
Allerdings will ich unbedingt noch was mit css3-3d-transforms mit reinbringen Damit hab cih mich eigentlich noch gar nicht befasst

 

[LaFaSiLuc]

AW: [CSS] CSS-Contest 2012 WIPs

simon, bei mir ist das PSD Zengarden und das Worumgehts im Menü so überlappend.
Der Autoslider ist schon sensationell, den nimm man

 

[vincitore]

AW: [CSS] CSS-Contest 2012 WIPs

So hab mich jetzt dazu entschieden, auch mal mit zu machen

Mal schauen wie viel Zeit ich neben dem Lernen für meine Klausuren noch finde : /
Sobald ich was brauchbares fertig hab, post ich mal den Link dazu.

 

[patrick_l]

AW: [CSS] CSS-Contest 2012 WIPs

Der Autoslider ist schon sensationell, den nimm man

Würde ich auch sagen. Deine Demo fand ich schon ganz cool

So hab mich jetzt dazu entschieden, auch mal mit zu machen

Super Entscheidung. Dann mal viel Spaß beim mit schrauben

 

[simonpicos]

AW: [CSS] CSS-Contest 2012 WIPs

simon, bei mir ist das PSD Zengarden und das Worumgehts im Menü so überlappend.

Darf ich fragen mit welcher auflösung du surfst?

 

[LaFaSiLuc]

AW: [CSS] CSS-Contest 2012 WIPs

Darf ich fragen mit welcher auflösung du surfst?

öööh...ja, genau ist aber wurscht, ob ich ganzen bildschirm nutze (grooooß) oder kleiner ziehe, sieht immer so aus...

 

[jackykfm]

AW: [CSS] CSS-Contest 2012 WIPs

Arbeite normal mit DW5 komme aber nicht zur Ansicht.
also ich strecke die Segel, PHP ist für mich Neuland. Hab zwar xampp installiert, komme auch auf die Seite aber irgendetwas stimmt nicht mit dem Testserver.
Kommt immer die gleiche Meldung "Server Error500 internal CGI...." und keine Ansicht.
file:///C\xampp/htdocs/2012/2012/index.php
server: unbek.Server2 C:/xamp/ Lokal/Netz Remote Test

 

[cebito]

AW: [CSS] CSS-Contest 2012 WIPs

Du kannst die doch auch ohne Server anzeigen. Ansonsten speicher die einfach als .html ab...