[CSS] CSS-Contest 2012 WIPs

[cebito]

AW: [CSS] CSS-Contest 2012 WIPs

Dem Header ne fixe position gegeben, und das Kontakformular gestylt:

Kontaktformular find ich verwirrend, ist nicht gleich klar, das man dort was schreiben kann/muss.
Und wenn ich jetzt so (Licht aus) vor dem Ding sitze blendet die Schrift doch ziemlich...

 

[LaFaSiLuc]

AW: [CSS] CSS-Contest 2012 WIPs

So, wenn mir jetzt noch jemand verrät, wie ich eine Art Startbildschirm hinkriege, so wie vincitore, dann wär ich sowas von...glücklich :blumen: Irgendwie scheck ich das nicht, header ist für mich immer oben und wenn der header die ID garden hat, dann wird mit #garden doch der header angesprochen. Oder denke ich falsch?

 

[vincitore]

AW: [CSS] CSS-Contest 2012 WIPs

ich hab halt den kompletten Inhalt um 100% min verschoben ^^deswegen ist bei mir am Anfang alles leer, wollte da eigentlich 'nen cooles Hintergrundbild hinmachen aber muss erstmal meine Idee (siehe oben) konkretisieren und in PS umsetzen

 

[patrick_l]

AW: [CSS] CSS-Contest 2012 WIPs

Du kannst unter anderem mit z-index, position und dem floaten vieles neue ordnen oder anders verteilen. Was vincitore angeht, werfe doch einfach mal einen Blick in die CSS und schau dir an wie das ganze aufgebaut ist.

Was den header angeht kannst du ihn einmal über die ID ansprechen oder eben direkt den Header-Tag. Wenn der Tag angesprochen wird muss aber darauf geachtet werden das er nur einmal vorkommt. Ansonsten werden alle gleichen Tags angesprochen. (z.B <nav> ).

/*-------- Tag/Tags ansprechen ----------*/
header { bla bla; }

/*-------- oder eine ID/Klasse----------*/

header#garden { bla bla; }
#garden { bla bla; }

/*------ nur als Beispiel für Klassen ----*/
header.garden { bla bla; }
.garden { bla bla; }

 

[LaFaSiLuc]

AW: [CSS] CSS-Contest 2012 WIPs

vincitore und otto, erstmal danke, ich habs auch schon so ähnlich versucht, allerdings kommt dann beim klick auf den link "worum gehts" gar nichts mehr. obwohl mir gerade einfällt, woran das liegt *seufz*
Morgen wieder, jetzt Feierabend *gähn*

 

[Davi2000]

Sagtmal wie mache ich das ich mit einem HTML Dokumente die einzelne Bereiche wie zb Gallery odere Kontakt anzeigen zu lassen beim klick auf den Link? Wohl mit Java Script bei klick visible oder? Wie haben ihr das realisiert?

Gesendet von meinem GT-I9100 mit Tapatalk

 

[simonpicos]

AW: [CSS] CSS-Contest 2012 WIPs

also grundsätzlich "scrollt" der browser bei einer internen verlinkung auf den entsprechenden anker.
Ich vermute mal, dass du aber nicht möchtest dass die sectionen einfach untereinander sind, sondern eingeblendet werden. Dann scau dir mal den css3 selektor :target an.
Das Tutorial könnte dir auch helfen: http://tympanus.net/codrops/2012/01/30/page-transitions-with-css3/

 

[Davi2000]

Ja genau das habe ich gesucht. Klingt interessant das per transition zu machen.

Gesendet von meinem GT-I9100 mit Tapatalk

 

[Gegenstrom]

AW: [CSS] CSS-Contest 2012 WIPs

so habn bissl weiter gemacht

allerdings öffnet sich die nav nun schon viel zu früh (nicht erst bei den hover über die navileiste), keine ahnung warum, mich nervts auf jedenfall, schau ich nachher aber nochma nach, weil jetzt binsch pauli schauen

 

[simonpicos]

AW: [CSS] CSS-Contest 2012 WIPs

Wie wärs denn wenn du bei deiner galerie die Bilder nicht beimn hovern verschiebst, sondern beim hovern immer ein pseudoelement mit dem bild als bg eiblendest? Ist nämlich en bissel komisch, wenn auf einmal das Bild bei hover "verschwindet"

 

[hellemon]

AW: [CSS] CSS-Contest 2012 WIPs

Dieses Jahr tu ich mir echt schwer mit dem umsetzen, habe echte Probleme mit den positionieren der einzelnen Sectionen. Ist es möglich die "section #gallery" mit der "section #contest" zu vertauschen. Damit sozusagen die Navigation, dann die Gallerie und dann der Rest kommt?

WIP: http://www.thurnhofer.net/download/hellemon4/index.php

Eigentlich ist das Design total Simpel in CSS umzusetzen, aber mit der Vorgabe der HTML Datei ein echter Genickbrecher. Oder ich stelle mich nur zu blöd an, keine Ahnung.

Viele Grüße
Helle

 

[simonpicos]

AW: [CSS] CSS-Contest 2012 WIPs

Kontaktformular find ich verwirrend, ist nicht gleich klar, das man dort was schreiben kann/muss.
Und wenn ich jetzt so (Licht aus) vor dem Ding sitze blendet die Schrift doch ziemlich...

Ist das echt so schlimm? Also bei mir gestern abend hat es eigentlich nicht so gestört.. Was würdest du empfehlen? Die Schrift ein bisschen wärmer machen? sprich en ticken gelblicher?

fürs kontaktformular überleg ich mir was..

WIP: http://www.thurnhofer.net/download/hellemon4/index.php

Für das "Logo" seitlich bruachts aber eigentlich kein Bild,oder?

 

[hellemon]

AW: [CSS] CSS-Contest 2012 WIPs

....
Für das "Logo" seitlich bruachts aber eigentlich kein Bild,oder?

Du meinst ich soll die Text Rotation verwenden --> http://css-tricks.com/snippets/css/text-rotation/ Ja bestimmt machbar, nur für den Anfang lass ich mal die Grafik drin. Dann weiß ich das es funktioniert.

 

[simonpicos]

AW: [CSS] CSS-Contest 2012 WIPs

Jep mein ich Eigentlich dürfte das ja kein Problem darstellen.. Hat ja auch der letztjährige Gewinner gemacht. (mir ist gerade der username entfallen )

 

[LaFaSiLuc]

AW: [CSS] CSS-Contest 2012 WIPs

Ich hab nochmal eine Verständnisfrage:
header .inner und #garden .inner bezeichnen in unserem fall doch das gleiche, oder?

 

[simonpicos]

AW: [CSS] CSS-Contest 2012 WIPs

Jep

Ich wippe mal weiter:

-Regeln hinzugefügt
-Kontaktformular überarbeitet

 

[Gegenstrom]

AW: [CSS] CSS-Contest 2012 WIPs

sorry das ichs so deutlich sagen muss, aber das figure ist die größte sinnfreie erfindung ever, das hätte man ruhig rauslassen können, oder die liste weglassen können, das ist doppelt und dreifach gemoppelt und man kanns nur per float inlinen... totaler schwachsinn

 

[patrick_l]

AW: [CSS] CSS-Contest 2012 WIPs

Ich hab nochmal eine Verständnisfrage:
header .inner und #garden .inner bezeichnen in unserem fall doch das gleiche, oder?

Wie von mir beschrieben. Entweder sprichst du den Tag mit der darin liegenden Klasse an oder eben über die ID und dann die Klasse.

header .inner {;}

/*------ oder -------*/

#garden .inner {;}

Mit dem ansprechen eines Tags kannst du z.B. mehre Tag anpassen. Als Beispiel mal zwei Nav-Tags. Beide sollen einen Innenabstand von 10 px haben.

<!--  Html -->
<nav id="top"></nav>
<nav id="main"></nav>

/* ----- CSS ------ */

nav {padding: 10px;}

So wird nun allen Nav-Tags einen Innenabstand von 10px gegeben. Wenn nur eines angesprochen werden soll muss die ID gewählt werden. Wenn jedoch nur einmal der Tag vorkommt kannst du auch den Tag selbst ansprechen. Dabei muss man aber beachten das auf den weiteren Seiten der Tag nicht mehrmals erscheint.

 

[cebito]

AW: [CSS] CSS-Contest 2012 WIPs

sorry das ichs so deutlich sagen muss, aber das figure ist die größte sinnfreie erfindung ever

Hat was mit Semantik zu tun

das hätte man ruhig rauslassen können, oder die liste weglassen können, das ist doppelt und dreifach gemoppelt und man kanns nur per float inlinen... totaler schwachsinn

Was ist dein Problem? Du kannst jedem Element sagen das es inline sein soll. :uhm:

 

[Gegenstrom]

AW: [CSS] CSS-Contest 2012 WIPs

wennsch ne liste inline setze, funzt es einwandfrei, aber probier das ma bei der galerie
klappt einfach nicht, will nicht, es funzt nur mit float, das bringt mich schon den ganzen tag durcheinander, ich floate doch keine liste...
inline bedeutet ja in einer linie, nacheinander, wozu also nochn float setzen...