CSS-Ressourcen: Vorlagen
Wer sich in die Arbeit mit CSS Layouts einarbeiten oder zehrende Stunden mit dem Editor sparen will, findet interessante Anregungen und Vorlagen auf den folgenden Seiten.
- The imposter: CSS Experimente und kreative Wege, Aufgaben per CSS zu realisieren. Vom fertigen Layout bis hin zu Menüstrukturen bietet Carl Durbridge eine große Auswahl an Verwendungsbeispielen. Besonders interessant sind z. B. das Exploding Tree List Menu, Simple clean CSS rollover menus with lists, "Runde Ecken" mit CSS ohne Grafiken und das Sidewinder Layout, welches horizontales Scrollen bietet.
- Glish.com: Eric Costello bietet verschiedene Layoutvarianten (3 Spalten, 2 Spalten, 4 Spalten; statisch und fließend) mit Erklärungen und Beispielen an. Außerdem weist er auf interessante Ressourcen und Anleitungen zum Design mit CSS hin.
- The Layout Reservoir: Vorlagen für zwei- und dreispaltige CSS-Layouts von BlueRobot.com.
- Thenoodleincident.com: Mit "Little Boxes" bietet Owen Briggs verschiedenste Vorlagen an. Diese decken fixe und fließende Layouts, separierte und angrenzende Rechtecke ab.
- Inknoise: "Layout-o-Matic" ist ein online Assistent für die Erstellung eines browserübergreifenden CSS-Layouts.
- Accessify.com: Bei der Erstellung einer CSS-Navigation hilft der Online Assistent "List-o-Matic".
- Maxdesign.com.au: Beispiele für CSS-Navigationsleisten verschiedener Autoren mit Code und Erläuterungen.
- Fun with Forms: Søren Madsen beschreibt, wie Formulare mittels CSS so richtig chic werden.
- CSS Vorlagen auf Deutsch: Intensivstation.ch präsentiert eine Reihe von Vorlagen für CSS-Layouts. Alle Vorlagen sind in XHTML 1.0 und CSS2.
- Practical CSS Layout Tips, Tricks, & Techniques: Tipps und Tricks von ALA.
- Carl Durbridges unheimliche Freundin ist ein online HTML-Generator, der leicht verständlich und einfach zu verwenden ist und validen, tabellenlosen Code (XHTML 1.0) erstellt.
- SSI-developer.net bietet eine Reihe CSS Templates an, die in die Rubriken “Intro/Two Column”, “Three Column” und “General templates” unterteilt sind. Für jede Vorlage gibt es ein Vorschaubild, eine Vorschauseite und Angaben, bei welchen Browsern die Verwendung keine Probleme machen sollte.
- CSS Help Pile ist ein Projekt von arty|papers, das aufgrund der umwerfenden Fülle an gut strukturierten Informationen zum Thema CSS ein echter Tipp ist. Das große Plus der Sammlung: Besucher können das Verzeichnis ergänzen und kommentieren. :new:
- Seamus P. H. Leahy zeigt auf Sea Mus n Squirrel: CSS Play seine Kreationen, die von verschachtelten Listen über Image Replacements bis hin zu PopUps reichen. Alle Beispiele werden anschaulich erklärt und der Code steht für eigene Projekte per Copy&Paste bereit. :new:
- Spannende Experimente aus Polen von “A” wie “Alphabet” bis “W” wie “The World According to Table” liefert The Literary Moose mit CSS Destroy. :new:
Werbeunterbrechung
Kommentare und Feedback (13)
Werbung
Vorheriger Artikel: Bilder aus der Waschmaschine, nächster Artikel: Wenn floats die Treppe runterfallen ...
23.02.2004, 05:07
Gibt es auch deutsche Vorlagen?
23.02.2004, 05:51
Hallo Namenlos, mir ist da nichts bekannt. Viele Grüße, Manuela
27.02.2004, 09:06
CSS-Vorlagen auf Deusch: Schau mal unter http://www.intensivstation.ch/css/template.php
28.02.2004, 08:22
Hallo Stefan, danke für den Link. Habe ihn mit in die Liste aufgenommen.
14.03.2004, 07:30
Hallo ,
Naja eigentlich wollte ich nur sagen dass mir diese Webseite wirklich gut gefällt. Ich wollte mein Template jetzt von “normal” auf css umstellen , doch ich glaube dass es nicht ganz einfach sein wird.
Ich habe zwar jetzt ein wenig mehr Infos über css sammeln können aber hmmm.
Vielleicht helfen mir die oben angegeben links weiter um mein Theme auf YPSO.NET umzustellen.
Bis bald Euer YPSO
15.03.2004, 08:25
Hallo Christoph, wenn Du Fragen hast, immer her damit :-). Viele Grüße, Manuela
17.03.2004, 07:12
Danke Manuela für Deine Initiative.
Problem besteht zur Zeit daran dass ich von CSS noch überhaupt keine Ahnung habe. Mit php kenne ich mich ganz gut aus und auch HTML macht mir keine Sorgen. Aber irgen die verstehe ich die Logik nicht bei CSS. Ich werde bald versuchen ein template zu erstellen mit index.php dann ein image ordner und ein css ordner wo sich die theme_css.css befindet. Jetzt überlege ich wie ich es machen soll. Soll die index.php die css dateien aus dem ordner css alles auslesen, oder muss ich was in der index.php definieren. Ich weiss es echt nicht. Dazu kommt es noch dass das ganze auf MAMBO CMS basiert. Aber es funktioniert irgend wie schon weil eine Seite solche open source css für mambo zum download bereitstellt : http://www.yatienesweb.info/m45/ (basiert auf css.
Na ja ich weiss echt nicht wie ich anfangen soll.
Gruß an Euch alles und Manuela an Dich ganz besonders.
17.03.2004, 08:24
Hi Christoph, Du benötigst für den Start nur eine CSS-Datei. Die kannst Du überall hinpacken. Mehrere Dateien benötigst Du nur, wenn Du bestimmte Browser nicht verwirren willst. Die Stile werden per in die index.php geholt. Ich denke, ganz gute Infos bekommst Du unter http://css.talky.de und http://www.intensivstation.ch.
Liebe Grüße, Manuela
20.03.2004, 08:33
Hallo Christoph,
schau doch mal unter
http://www.css4you.de/wscss/index.php
vorbei, dort findest du einen Workshop für CSS-Anfänger.
Die Seite biete auch eine komplette CSS-Referenz mit allen Infos und Beispielen. Ein spezielles CSS-Forum, gut besucht, rundet das Thema ab.
Gruß
Thomas
20.03.2004, 11:52
Schöne Werbemail, Thomas. Deine Site befindet sich schon seit geraumer Zeit in meinen Linkverzeichnissen :-)
25.10.2006, 11:00
Ich bin gerade auf der Suche nach einer Möglichkeit einen Schönen Teaser zu erstellen mit CSS. garnicht so einfach als anfänger. naja mal sehen vielleicht hat wer einen schönen link
03.05.2007, 03:09
Hi, i was looking for some css resources and thanks for this article..
11.06.2007, 19:53
Deine liste ist richtig gut, ich habe http://www.free-css-templates.co.uk/ entdeckt als ich CSS basierte templates gesucht habe. Da sind mehr als 600 templates das umsonst herunterladen koennen.