Archiv der Kategorie: Webdesign

WordPress: Bildgröße ändern, Bilder neu berechnen lassen

Bildgröße ändern in WordPress – Foto / Montage: T.Bortels/cpu20.de

Ein Klassiker: die in WordPress voreingestellte Bildgröße ist beispielsweise 1024 Pixel Breite. Zunächst ist das auch vollkommen ok so, man baut die neue Seite auf, Inhalte werden eingepflegt, Bilder hinzugefügt und mit der Voreinstellung automatisch auf 1024 Pixel Breite skaliert. Dann kommt aber zum Beispiel eine Bildergalerie hinzu und man möchte die Bilder größer darstellen, […]

Silbentrennung mit CSS: Zeilenumbruch mit Hyphens regeln

Silbentrennung mit CSS - Foto / Screenshot: T.Bortels/cpu20.de

Schreibe eine Antwort

Webdesign funktioniert zurzeit leider noch komplett anders, als Buchdruck: die Möglichkeiten den Schriftsatz zu kontrollieren und je nach Bedarf zu beeinflussen sind gering, um es mal vorsichtig auszudrücken. Aber so langsam kommt ein wenig Schwung in die Online-Typografie – inzwischen ist Silbentrennung nicht nur mit Desktop-Software möglich, sondern auch auf Webseiten. Man kann zwar insbesondere […]

Textarea-Resize mit CSS einschränken

Schreibe eine Antwort

In den meisten Browsern lassen sich Texteingabefelder ‚textarea‘ (in HTML-Formularen) nach belieben vergrößern oder verkleinern. Das kann praktisch sein, wenn man zum Beispiel einen langen Text eingibt. In den meisten Fällen bietet diese Option aber ein bisschen zu viel Freiraum und man läuft Gefahr, dass das Layout der Webseite leidet. Mithilfe von CSS kann man […]

Layout wackelt wegen Scrollbar [CSS Lösung]

Schreibe eine Antwort

Das folgende Senario dürfte dem einen oder anderen Webdesigner bekannt vorkommen: man hat ein schönes zentriertes Layout angelegt, aber einige Seiten haben natürlich weniger Inhalte, als andere Seiten. Zum Beispiel die Kontaktseite ist häufig so ein Kandidat. Also – alles ist schön pixelgenau positioniert, nur die einen Seiten haben eine Scrollbar, andere Seiten haben keine […]

WordPress: Sub-Menu ‚aufbocken‘ und gestalten

Eine Antwort

Für WordPress gibt es neben den kostenflichtigen ‚Premium Themes‘ auch eine sehr große Anzahl kostenloser Themes. Man muss ja nicht immer gleich ein eigenes WordPress Theme entwickeln – oft reicht es, ein Child Theme einzurichten. Ich habe eine Zeit lang beispielsweise gerne die Themes Twenty Twelve und Twenty Thirteen als Ausgangspunkt für die Entwicklung eines […]

Bilder per CSS entsättigen (Graustufen-Farbe-Rollover-Effekt)

Graustufen-Farbe-Hover-Effekt - Foto/Montage: T.Bortels/cpu20.de

2 Antworten

Wenn man vor CSS3 einen schönen „Sättigungs-Effekt“ (Wechsel von Schwarz-Weiss-Bild zu Farbe-Bild) haben wollte, konnte das ganz schön mühsam sein. Vor allem musste man zunächst zwei Versionen desselben Bilder bereitstellen: eine Schwarz-Weiss-Version und eine Farb-Version. Der übliche Weg war lange Zeit, die beiden Bilder dann per Javascript auszutauschen. Das funktionierte zwar soweit ganz gut, war […]