[CSS] CSS-Contest 2011 - WIPs

[MegaAdi]

AW: [CSS] CSS-Contest 2011 - WIPs

Geniale Navi, find ich klasse, freu mich auf das Endergebnis ;-)

Achja....hab ein Update:

Danke für des Lob. Sowas baut auf und lässt weiter anspornen.

Bei dir hab ich mal n bischen im CSS gestöbert da sind mir u.A. Sachen wie diese hier aufgefallen:

#menue-two #menue-two-list li {
    float: left;
    background-image: url(teilnehmer_li_bg.png);
    height: 27px;
    width: 150px;
    margin-top: 10px;
    margin-right: 10px;
    background-repeat: no-repeat;
}

warum nimmst du nicht anstatt background-image und background-repeat einfach: background: url('...') no-repeat; ?? spart bytes und platz und übersichtlicher, da du den Background nur 1x deklarierst und da ALLES reinpackst.

Hat aber mal richtig Klasse deine Arbeit. Gefällt mir besser als meins


@Lueh / Cebito:

Danke dass ihr mich mit m Kopf an die Wand geklatscht habt.
Manchmal ist man einfach zu müde für solche Sachen.

 

[Herr_D]

AW: [CSS] CSS-Contest 2011 - WIPs

@HerrD: ich glaube um Suchmaschinenfreundlich zu sein, solltest du deine H1 nicht auf "display: none" setzen, sondern auf "margin: -999px". Aber nagel mich nicht darauf fest, da streiten sich glaub ich auch die Gelehrten ;-)

Jupp... im Normalfall hätte ich sie ja auch nicht (wenn ich sie nicht brauche)

Achja....hab ein Update:

Hat richtig Stil...

 

[MegaAdi]

AW: [CSS] CSS-Contest 2011 - WIPs

so ich hab auch mal wieder ein .

Aber ich muss sagen: es sind schon sehr sehr schöne Seiten dabei.

 

[hellemon]

AW: [CSS] CSS-Contest 2011 - WIPs

Da mag ich den Font nicht, lässt sich schwer lesen, aber das ist ja Geschmackssache.

Danke dir für dein Kommentar, bin immer noch am experimentieren, habe leider nicht jeden Abend Zeit zum basteln.

Übrigens deine Seite ist wirklich gut geworden, sauber, strukturiert und cool anzusehen.
Was du machen solltest sind die Farben, da müsstest du noch ein bisschen herum experimentieren. Ansonsten Top Seite. :

@Adi, sehr schönes und erfrischendes Design, hat was, es ist echt der Hammer was mit CSS alles geht, wenn man es drauf hat.

@Herr_D, doofe Frage, darf man externe Quellen wie Google Font API einbauen.

 

[pretorianer]

AW: [CSS] CSS-Contest 2011 - WIPs

Bin eben gerade wieder ein Stück weitergekommen. Ich habe beim Teilnehmermenü (#menue-two) ein bisschen mit Transparenzen gearbeitet und es funktioniert sowohl im IE8 als auch im FF3.6

 

[MegaAdi]

AW: [CSS] CSS-Contest 2011 - WIPs

Moin =) sieht sehr sehr spacig aus.
Deklarier aber für die Teilnehmer am besten eine max-height und wenns mehr wird soll overflow:auto; eingreifen denn die Liste wird denke ich mal sehr lang werden.


EDIT: ARGH... wieso floatet der IE mein Content nicht... Ich hasse Microsoft
habt ihr dafür ein work arround?

EDIT2: Hab jetzt content-two mit margin: auto; deklariert und jetzt gehts. Juhuu Jetzt bin ich ja quasi schon fast fertig *freu*. Ging schneller als gedacht.

 

[Herr_D]

@Herr_D, doofe Frage, darf man externe Quellen wie Google Font API einbauen.

Na ja... ungern, aber ich hab ehrlich gesagt im Vorfeld nicht dran gedacht... darum wie bei meinen Arbeiten in der Schule: Erlaubt... aber bitte nicht übertreiben


Einbinden geht natürlich nur über die CSS, denn am html-Code kannste immer noch nicht rumschrauen

@Adi... Comic sans ist aber nur, um uns zu ärgern oder?

 

[MegaAdi]

AW: [CSS] CSS-Contest 2011 - WIPs

@Adi... Comic sans ist aber nur, um uns zu ärgern oder?

Ich wollte vorher Amptmann Script Schriftart Download, Amptmann Script Font kostenlos | MyFont.de nehmen, aber ich dachte mir: Ne, damit ärger ich euch zu sehr

Hat mein Sohn ausgesucht die Schrift.. hab mal alle durchgeklickt und dann hat er gesagt die solls sein! Und da mich die Kids ja inspiriert haben (Story dazu steht unten in meinem WiP) dacht ich mir wieso auch ned die Schrift.

Ich werd aber noch ne andere raussuchen für die Abgabe dann.
Ganz zufrieden bin ich sowieso noch nicht ich lasses jetz einfach ein paar Tage liegen und dann hab ich bestimmt noch Ideen.

Wenn ihr Schriftvorschläge habt gern. Ich kann se euch ja auch per CSS einbinden, wenn ihr die nicht habt =P

Gruß Adi

EDIT: Aber Seifenblasen kann man mit der Page bestimmt gut vermarkten

 

[Herr_D]

AW: [CSS] CSS-Contest 2011 - WIPs

Passt schon... hab das mit deinen Kindern gelesen


Ich glaub ich bin noch vom Studium traumatisiert... Handouts in Comic sans *schüttel

 

[MegaAdi]

AW: [CSS] CSS-Contest 2011 - WIPs

Joa Handouts in Comic is n absolutes NoGo. Seh ich ja ein
Aber für so n verspieltes Design isses ja eigentlich okay. Bin aber auch ned ganz zufrieden damit.

Ich denk ich werd eh nochmal von vorne anfangen und dann so in diese richtung gehen:



allerdings weiß ich noch ned so genau wie ich des umsetzen soll, da mit die <span>-Elemente innerhalb der 1. Navigation fehlen.
Naja ich überleg mir mal n Work arround =)

Meld mich wieder bei Updates

 

[Herr_D]

AW: [CSS] CSS-Contest 2011 - WIPs

Saukuhl... hab ich gleich mal in meiner Methoden/Ideenkiste abgelegt... an so 'ner Idee sitz ich irgendwie auch grad... vorher aber 'n bißchen Neurophysiologie...


Workaround könnte Ostfrisische nationalflagge sein... weißer Adler auf weißem Grund (grau auf grau) und dann im hover die Schrift-, Hintergrund und Rahmenfarbe ändern...

 

[MegaAdi]

AW: [CSS] CSS-Contest 2011 - WIPs

Sehr geile Idee. Als Background nimmste dann aber bitte nen Puma als Clipart auf schwarzem Grund oder? Dass du n bischen Farbkontrast hast *gg*

Ne andere Idee ist wenn man aus "Wegweißer" n suckerfisch macht. Quasi #menue-one h1 { display: none; }
#menue-one { background: url('navi-indikator.png') norepeat; }

oder irgend wie so in der Richtung.

 

[cebito]

AW: [CSS] CSS-Contest 2011 - WIPs

allerdings weiß ich noch ned so genau wie ich des umsetzen soll, da mit die <span>-Elemente innerhalb der 1. Navigation fehlen.
Naja ich überleg mir mal n Work arround =)

Meld mich wieder bei Updates

Gib den li die Hintergrundbilder und auch den hover, über den du a einblendest. Die haben alle Klassen, kein Problem also sie separat zu stylen.

 

[Herr_D]

AW: [CSS] CSS-Contest 2011 - WIPs

Nerddiskussionen fetzen... Adi klick mal bitte

 

[MegaAdi]

AW: [CSS] CSS-Contest 2011 - WIPs

Gib den li die Hintergrundbilder und auch den hover, über den du a einblendest. Die haben alle Klassen, kein Problem also sie separat zu stylen.

Danke für den Wink mit m Gartenzaun. So weit hab ich garnich gedacht gehabt dass ich da ja ne Ebene höher gehen kann.


@ D: danke danke =) sowas peppt das ganze auf und machts ned so langweilig *g* bis wiedermal

 

[une_art]

AW: [CSS] CSS-Contest 2011 - WIPs

Wow, es sind inzwischen echt einige schöne Ideen zusammen gekommen. Ich bin echt gespannt auf die Endergebnisse.

@Herr_D: Danke nochmal, dass du dich so super um den Contest kümmerst und ihn so perfekt organisiert hast. Endlich kriegt der Webbereich hier auf PSD mehr Leben neben Forum und Tutorials. Vielen vielen Dank, ich finde das muss bei so viel Engagement einfach mal gesagt werden!

@MegaAdi: Deine Navigation finde ich sehr gelungen, hast ja schon ordentlich Gebrauch von Rounded Corners gemacht;-)

Ich bin leider grad mitten im Klausurenstress. Warum auch immer meine Uni die Termine erst in die Semesterferien legt... es nervt
Nach Doppel-Mathematik habe ich dann heute aber doch eine kleine Lernpause gehabt und es geschafft, ein bisschen was zu machen.
Naja, seht selbst... (natürlich auf keinen Fall final;-) )

 

[MegaAdi]

AW: [CSS] CSS-Contest 2011 - WIPs

moin une,
schick schick =) wird doch langsam *g* bin mal aufs Endergebnis gespannt...

Achja: Habe ein

Jetzt hab ich mal ne blöde Frage: Da ich ja des html nicht anfassen darf/kann da ja des nicht mit hochgeladen wird: Kann ich per :after JS reinladen? *fg* is ja dann auch "nur" CSS

 

[une_art]

AW: [CSS] CSS-Contest 2011 - WIPs

Soweit ich weiß ist kein JS vorgesehen. Aber Herr_D sagt da bestimmt auch nochmal was zu

Dein 2. Styling ist echt schon sehr schick Die Idee der Navi gefällt mir sehr gut. Ich habe für meine noch keine Idee, mal schauen was sich in den nächsten Tagen so ergibt.

 

[MegaAdi]

AW: [CSS] CSS-Contest 2011 - WIPs

Des mit JS Reinladen war nur Spaß =P da es ja ein > CSS < Contest ist. *g*

 

[une_art]

AW: [CSS] CSS-Contest 2011 - WIPs

Wenn ich JS reinladen könnte bräuchte ich mir auch nicht mehr so viele Gedanken um die Navigation machen