Kindergarten

Hallo Zusammen!

Ich habe für einen örtlichen Kindergarten/Kindertagesstätte eine Präsenz zusammengebaut.

typo3 ist vielleicht etwas oversized für so eine Präsenz, aber mein Hoster hat mir ein gutes Angebot gemacht 😉

http://www.familienhaus-weiche.de

Verwendete Extensions:
dmc_image_alttext
css_styled_content
dh_linklayout
metatags
cc_random_image
lz_gallery
jw_calendar
tt_news
mf_pagetitle

Viel Inhalt ist noch nicht drin.

Ich wollte sie aber trotzdem vorstellen, bevor sie offiziell wird - vielleicht hat sich ja noch der eine oder andere Fehler versteckt.

So, und nun - Feuer frei 😃
Her mit Kritik, Anregungen, Meinungen 😉

ja also da darfst dich schon noch mal bisschen hinsitzen 😉

mal die ganze Kritik (wenn man schon SO danach fragt *GG*)

- das logo rechts oben hat eine andere hintergrundfarbe,
- für ne kindergartenseite solltest du das xhtml valide ins impressum rücken, auf jeder seite hat das nichts verloren
- warum du ein gmenu statt einem tmenu verwenstest ist eigentlich unverständlich
- der footer sollte gleiche hintergrundfarbe haben wie der header
- das textspacing find ich zu groß
- der impressumlink passt nicht (active, hover, underline) zum restlichen Design
- die sitemap grafik passt überhaupt nicht da rein
- grafik unter förderverein solltest du nochmals überarbeiten
- grafik unter "das haus" ist in dieser größe ziemlich sinnlos..., link zu bildern fehlt
- die bilder vor den links auf der impressum-seite sind zuviel an den text geklebt und würd nicht mal stören wenn du auf sie verzichtest
- bildergallerie solltest du den blauen rahmen wegtun, der passt nicht zu deinem design

so, das wars schon, sonst ists ne nette seite😉

lg georg

hi georg!

ja also da darfst dich schon noch mal bisschen hinsitzen 😉

zum glück habe ich noch bis zum 1.8. zeit um alles umzusetzen 😃

- das logo rechts oben hat eine andere hintergrundfarbe

das werde ich machen. die originalgrafik hat einen weissen hintergrund, mal sehen, ob das einigermaßen aussieht. sonst werde ich den grünen hintergrund nacharbeiten.
[edit] jetzt ist die originalgrafik mit weißem hintergrund drin...[/edit]

- für ne kindergartenseite solltest du das xhtml valide ins impressum rücken, auf jeder seite hat das nichts verloren

erledigt

- warum du ein gmenu statt einem tmenu verwenstest ist eigentlich unverständlich

das ist ein überbleibsel aus der doku von robert meyer. dort wird das gmenu beschrieben. hab mich daran entlang gehangelt - als "kochrezept" sozusagen 🙂
hast aber recht, ich werde das als punkteliste umsetzen.

- der footer sollte gleiche hintergrundfarbe haben wie der header

also es hat beides als color #339900...

- das textspacing find ich zu groß

erledigt

- der impressumlink passt nicht (active, hover, underline) zum restlichen Design

du meinst den im footer?
wird per css wie alle anderen links im content formatiert. eventuell kommt das auf dem grünen hintergrund nicht so rüber.
sollte ich da was ändern?

- die sitemap grafik passt überhaupt nicht da rein
- grafik unter förderverein solltest du nochmals überarbeiten
- grafik unter "das haus" ist in dieser größe ziemlich sinnlos..., link zu bildern fehlt

viele bilder im content sind noch platzhalter, da kommen noch bilder vom haus und von veranstaltungen rein - dann auch etwas größer.
das logo des fördervereins bereitet mir echte probleme beim freistellen, der originale hintergrund ist weiß... da muß ich nochmal ran...
was meinst du mit "link zu bildern fehlt"?

- die bilder vor den links auf der impressum-seite sind zuviel an den text geklebt und würd nicht mal stören wenn du auf sie verzichtest

jetzt ist mehr platz zwischen grafik und linktext

- bildergallerie solltest du den blauen rahmen wegtun, der passt nicht zu deinem design

der rahmen ist jetzt im gleichen grün gehalten wie der header oder der footer

so, das wars schon, sonst ists ne nette seite😉

man dankt 🙂

ich werde bei updates in diesem thread posten.

weitere meinungen?

update:

1. das logo oben rechts ist jetzt mit dem originalen weißen hintergrund drin
2. menü als punktliste

todo:
content-bilder aktualisieren und überarbeiten.

wie gefällt euch die aktulle version?

Hallo,

die News wirst du hoffentlich grafisch noch bisschen anpassen, zB den inneren Rahmen um die einzelnen News, der gehört weg!

und schmeiss überall das wort news raus und ersetz es mit neuigkeiten, gerade in dem Kontext...

die navi hast du ja schon angepasst, klebt bei mir halt noch ziemlich am rand... ein div rum und bissl padding/margin

impressumlink im footer würd ich glaub ganz raustun, hast e in der navi und mit der linkfarbe stört das doch eher das auge...

'navigation' und der header von den contentelemeenten ist nicht auf gleicher höhe 🙂

so, das wars mal von mir 🙂

georg

Hi auch,
1) ich weiß nicht recht, aber in weiß gefällt mir das Logo nicht so gut. Aber das kann man ja nicht ohne weiteres ändern, oder? Aber wie es jetzt ist, würde ich es nicht lassen. Ich könnte mir einen Verlauf von grün auf weiß vorstellen.

2) Die News lässt du doch bestimmt nicht so oder? Die Kästen finde ich nicht so schön. In der Single Ansicht klebt die News am Header, ohne jegliches Padding.

3) Bis jetzt hast du für die News nur eine Kategorie verwandt. Wenn du keine weiteren Kategorien hast, würde ich die Kategorisierung komplett rauslassen.

4) Für die Sitemap würde ich kein @-Zeichen-Bild nehmen. Ist fehl am Platz.

5) Auf der Sitemap habe ich vier verschiedene Linkgestaltungen: normal schwarz, fett schwarz, normal grün, fett grün. Und das m.E. ohne Ordnung.

6) In der Bildergalerie Sommerfest bspw. werden die Links Vorherige und Nächste nicht richtig dargestellt. So steht der "Pfeil" in einer separaten Zeile (Firefox Schriftgröße normal). Ich denke hier hilft ein nowrap.

7) Dein Design ist nicht stringent. Die News haben einen anderen "Kasten" als die Galerie und die Gestaltung der Aktivitäten ist wiederum anders. Das letztere Design gefällt mir am Besten - könnte man ja auch für die News nehmen. Obwohl ich auf einer Kindergartenseite etwas Verspieltes erwarten würde. Wenn man schon mit solchen Kästen arbeitet, könnte bspw. am oberen linken Rand ein Schmetterling (oder sonstwas) eingebunden werden. Irgendwas nettes zur Auflockerung.

Gruß
dabjoern

moin moin!

@ georg:
stimmt.

-impressumlink ist ausm footer raus
-navi und contentz auf gleicher höhe
-navi sollte besser aussehen
-news-rahmen sind raus

@ dabjoern:
vielen dank für deine meinung.
ich werde heute abend noch weiter "rumspielen" - nun soll ich erstmal zum strand... *schwitz*

ich melde mich heute abend wieder!

hab wieder ein bischen was gemacht.

@ dabjoern:

1. das logo muß wohl so weiß bleiben, leider
2. news sind etwas geändert
3. es werden auch noch andere kategorien verwendet
4. das bild auf "sitemap" ist geändert
5. linkformatierung auf "sitemap" ist durchgehend
6. nowrap ist drin, bin allerdings mit dem ergebnis nnoch nicht zufrieden
7. die "kästen" sollten jetzt durchgehend gleich aussehen.
hier und da einen schmetterling, eine schnecke oder sonstwas werde ich noch einbauen.

Hi auch,
hej es kommen schon mehr Schnecken u.ä. zum Einsatz #giggle# Cool. Aber ich hab noch was gefunden:

1) ich würde bei den News Kategorie ausschreiben und nicht "Kat" stehen lassen
2) auf der Single News Seite stimmt der Hintergrund des Datums nicht (rechts oben)
3) Ich finde, die Bilder sind zu klein (Startseite, Single News Seite, Impressum,...) - ich merke gerade, dass die überall so klein sind
4) Der Header ist rechts ein Pixel zu breit, d.h. ich sehe statt dunkelgrünem Hintergrund, den Hintergrund vom Maincontent
Okay, soll erstmal reichen :-) Wird aber, denke ich, echt gut. Viel Spaß noch.
Gruß
dabjoern

hi dabjoern!

jo, es wird langsam 🙂

so:

1. fixed
2. Absicht
3. jo... hab alle auf 75px breite gesetzt. ich weiß nicht, viel gröer sollten sie nicht unbedingt werden, oder? vielleicht 100px?
4. öh... :o tatsächlich...
ok, das muß ich heute abend am anderen rechner fixen, ich habe hier an dem rechner kein photoshop drauf.

auf jeden fall danke ich dir schon mal für deine anregungen - und auch georg (just2b).

vielleicht fällt ja noch jemandem etwas auf?

hm...

zu 4.:

merkwürdig.
die headergrafik ist 760px breit. in der css-definition steht

  div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 760px;
    padding: 0;
    background: #e7ceb5 url(images/hintergrund4.gif) repeat-y;
    border: 2px ridge silver;
  }

aber das eine pixel rechts zwischen grafik und border bleibt.
wo hab ich da den denkfehler din?

Hi there.

Wie solls anders sein - erstmal was so ins Auge fällt :p

Banner:
Die Titelleiste ist nunmal das, was sich an einer Seite meist nie ändert - darum evtl. die Aufstellung des sehr grossen lesbaren Titels und der kleinen weissen Box daneben etwas "ausebnen", damit die sich nicht gegenseitig stechen. Die Cliparts kommen gut ^^.

Allgemeines:
-Farben: Das CI (Corporate Identity) fehlt mir ein wenig. Ich denke, ich kann es anhand dieser Seite http://www.familienhaus-weiche.de/index.php?id=23 am besten erklären: Die Struktur verliert sich. Die Beitrittserklärung gibts als extra-Element, aber der Rest ist zwar da, aber keiner weiss auf den 1. Blick, dass es in "Info", "Ziel des Vereins", "Adresse", etc.. geteilt ist. (Tipp: den totop-Link wenn schon am Ende der Seite ;P oder nach jedem Element). Bei den unterstrichenen Untertiteln weiss man oft nicht, ob's jetzt eine wichtige Notiz oder ein Untertitel darstellt(jedenfalls mir gehts so).
Das Pendant ist diese Seite: http://www.familienhaus-weiche.de/index.php?id=4 - übersichtlich (ob schwarze Punkte Geschmackssache).
-Cliparts: finde ich sehr positiv, fällt oft erst beim zweiten Mal auf, dass z.b. die Sitemap und der Link zum Newsarchiv mit Icons versehen sind.
-Footer: ist gut, ergänzt sich mit dem Header.

Kleine Bugs:
-Menü auf Seite: http://www.familienhaus-weiche.de/index.php?id=4. Sollte beim hovern nicht rumspringen. Auch unter "das Haus" springt der längste Link.
-Abstände: oft kleben die letzten Elemente an der unteren Pagekante. Ein/zwei Enter, bzw. "br-Tag" mehr schadet da nicht.
-Die Icons vor den Links (Mailicon, etc..) ziehen zwischen Icon und Text immer einen Abstandstrich hinter sich her.

Ich denke im Ganzen eine sehr gute Idee, aber die Umsetzung hat noch nicht ihre Form gefunden. Kalender und Bildergallerie ist nicht schlecht - mit Ausnahme der auftauchenden Abstandprobleme. Ebenfalls sehr gut sind die Bilder und deren Klickvergrösserung.
Eben, Abstände und Strukturierung: da schleift's noch bissal.
Eine Frage noch: wo kommt random-image zum Einsatz?

btw: danke für die Blumen, Arne.

cya

hi toyde!

die blumen - gern geschehen 🙂

so, nun zu deinen punkten:

strukturierung des contens:
da hast du völlig recht.
ich werde mir alle seiten nochmal zur brust nehmen.

Aufstellung des sehr grossen lesbaren Titels und der kleinen weissen Box daneben etwas "ausebnen"

was meinst du damit?
sollen die oberkanten des grossen titels und der weißen grafik auf einer ebene liegen?

Menü auf Seite: www.familienhaus-weiche.de/index.php?id=4. Sollte beim hovern nicht rumspringen. Auch unter "das Haus" springt der längste Link.

hm...
also das menü ansich springt bei mir nicht.
lediglich der menüpunkt unterhalb von "das konzept", also der 2.level "kinder, kunst & kirche" springt etwas zur seite.
warum ist mir allerdings schleierhaft.

abstände des content zur pageunterkante:
da ist etwas mehr als zweifache textzeilen-höhe luft durchs css vorgegeben.
meinste noch etwas mehr?

Die Icons vor den Links (Mailicon, etc..) ziehen zwischen Icon und Text immer einen Abstandstrich hinter sich her.

ist weg, hab die text-decoration weggenommen, jetzt wird nur beim hovern unterstrichen.

Eine Frage noch: wo kommt random-image zum Einsatz?

ähm, ja - überhaupt nicht, habs vergessen rauszunehmen :o
ich wollte damit eigentlich unterhalb des menüs ein zufallsbild einblenden, das sah aber nicht so dolle aus..

[edit]
zu meinem post von oben auf dieser seite:

arnem schrieb

hm...

zu 4.:

merkwürdig.
die headergrafik ist 760px breit. in der css-definition steht

  div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 760px;
    padding: 0;
    background: #e7ceb5 url(images/hintergrund4.gif) repeat-y;
    border: 2px ridge silver;
  }

aber das eine pixel rechts zwischen grafik und border bleibt.
wo hab ich da den denkfehler din?

habe ich die lösung:
der border-style von div#Seite war ridge - ein 3d-effekt.
jetzt ist er solid und der abstand ist weg. :o

hallo.

@Banner:
was ich sagen wollte: beim ersten Besuch der Seite waren die Schriftverhältnisse des grossen und kleinen Textes einfach zu immens. Langsam gewöhnt man sich dran ;P

@Menu:
Wirklich keine Ahnung🙂? Es liegt an deiner Schriftgrösse, bzw. der Dicke der Schrift. Der Text wird länger im Menüpunkt und darum wird eine neue Zeile begonnen (darum der Spring-Effekt).
Entweder du machst die Buttons/Punkte dynamisch lang, oder werkelst an der Schriftgrösse/Art.

@Abstand:
Jo, kommt schon viel besser und v.a. luftiger daher.

Das Strich-im-Link Problem hättest du auch lösen können, in dem die betroffene Stelle (der Leerschlag, bzw. nbsp) nicht mehr Bestandteil des Links wäre.

ciao ciao

huhu 🙂

@ banner:
alles klar, dann weiß ich, was gemeint ist.
ich werde mal etwas basteln, damit der unterschied ein bischen geringer wird.

[edit]
so:
font-size erste zeile: 28
font-size zweite zeile und schatten: 24
sollte etwas gefälliger wirken.
[/edit]

@ menü-springen:
da hat mir mein firefox einen streich gespielt. da sprang der betreffende menüpunkt zwar auch in die breite, aber nicht in eine neue zeile.
opera hat mit den sprung in die zweizeiligkeit 😃 angezeigt.
ich hab einfach das div#Navigation 10px breiter gemacht (da ist noch luft zum inhalt), nun springt auch in opera nichts mehr

@ abstand:
hast recht, kommt deutlich besser.

@ strich-im-link:
die icons kommen von dh_linklayout. hab da keine möglichkeit gefunden, das image ausserhalb des a-tags zu plazieren. deshalb mein "affengriff" per css.

lol

@Banner:
ich meinte die winzige Schrift im weissen Fenster und den Megatitel davor ;P Aber wie gesagt, ist Geschmackssache.

@Menü:
Jep, läuft besser.

@Bild-Lacher:
http://www.familienhaus-weiche.de/index.php?id=35 - musste schmunzeln, als ich den Titel und das Bild versuchte zu verknüpfen. Wieso haben die Tageseltern die Korken als Pic ;P;P? Würde das Bild von dasHaus>unsereAngebote schon besser passen.

@Linklayout.
Ja, habs auch schon verwendet. Bringt man schon hin via TypoScript.

*lach*

der bild-lacher ist wirklich gut - werde das bild aber doch ändern 😉

@ banner:
ich bin heute wirklich schwer von begriff, muß am wetter liegen 😢
bin dem pic rechts im banner bin ich auch nicht so glücklich. aber ausser es auf eine einigermaßen passende größe zu skalieren, darf ich es nicht verändern.
wir müssen und wohl oder übel dran gewöhnen.

@ menü:
jep.
muß mir wieder angewöhnen, auch mal was anderes als den ff zu nehmen
:o

@ dh_linklayout:
weihst du mich in das geheimnis ein? das manual zur ext gibt ja nun wirklich nicht viel her...

Den Abstand im dh_linklayout bringst du raus, wenn du im php-File bzw. TypoScript den Imagewrap+Abstand vor den "<a>"-Tag stellst.

Ich denke für eine kleine Seite bist du mit dem RTE genauso gut versorgt, wie mit Linklayout. Schliesslich ist ein Icon vor einem Link per RTE in 3,4 Klicks erledigt. Ausserdem kann man das Bild selbst ebenfalls wie gewünscht verlinken (oder eben nicht) und mit Alt-Text versehen, was bei linklayout leider nicht gegeben ist.

Mache ich bei meiner privaten Seite auch so.

auch wieder richtig.
werde ich wohl auch lieber so machen - die 6 oder 7 links, die drin sind, werde ich auch "zu fuß" behandeln können 😃

yo, bei einem grossen Projekt ist das was Anderes. Aber ich würds bei deiner Seite via RTE machen.

btw: schönes Bild für die Tageseltern ;P