Tutorials

css3-logo-blogverdiener

Normalerweise ist eine FAQ Seite ewig lang. Es gibt diverse Fragen und noch mehr Antworten. Sucht man nach einer bestimmten Frage muss man oft durch ewig lange Texte scrollen, um die eigentliche Frage zu finden. Wie man diese Seite komprimiern kann, zeigt dieses Tutorial. Schaut man sich das Help Center von Facebook an, also die [...]

css3-logo-blogverdiener

Thumbnails tauchen im Internet enorm oft auf. Kleine Vorschaubildchen, die bisweilen überall zu finden sind, aber kaum eine schöne Formatierung aufweisen können. Dieses Tutorial soll dies nun ändern. Im Blog baut man oft Bilder ein, um einen Aspekt grafisch zu verdeutlichen. Klickt man auf dieses Bildchen kann man sich die Vergrößerung anschauen. Leider ist es [...]

css3-logo-blogverdiener

Tabellen Konstrukte sind zwar nicht mehr „in“ aber verwenden kann man sie dennoch. Vor allem wenn man Daten schön gegenüberstellen möchte, ist das nützlich. CSS3 sorgt dabei auch noch für eine vernünftige Optik. Gerade wenn man viele Daten präsntieren möchte, ist die tabelle noch immer das beliebteste Element. Das Design einer Tabelle anzupassen ist aber [...]

thesis-designer

Eigene CSS Dateien für spezielle Kategorien, Posts oder Seiten? Das geht mit dem Thesis Theme recht einfach. Wie, das beschreibt dieser Artikel. Vor kurzem stand ich vor einem kleinen Problem. Da ich hier eine Serie von CSS3 Tutorials schreibe bläht sich meine CSS Datei immer weiter auf. Denn schließlich demonstriere ich ja auch, was mit [...]

css3-logo-blogverdiener

Wie ich schon angekündigt hatte, beginnen wir nun mit den komplexeren Tutorials. In diesem werden wir die zuvor erlernten Techniken einsetzen um sogenannte Tooltips zu erstellen, die wir mit zusätzlichen Informationen, zum Beispiel einer Erklärung füllen können. Und zwar nur mit CSS3! Natürlich kann man auch mit einem (span) und dem (title) Tag arbeiten. Der [...]

thesis-designer

Hin und wieder braucht man eine Sales Page, also eine Verkaufsseite. Wie man eine solche Seite mit dem Thesis Theme erstellen kann beschreibt dieses Tutorial. Neulich wurde ich per Email gefragt, wie man eine „Sales Page“, bzw. eine Landing Page mit dem Thesis Theme erstellen kann. Da meine Zeit aber arg begrenzt war, komme ich [...]

css3-logo-blogverdiener

CSS3 ist perfekt, wenn man grafische Elemente ohne Grafiken erstellen möchte. Es verbessert die Ladezeiten. Sprechblasen werden oft in Kommentaren genutzt oder auch in sogenannten Tooltips. Wie man diese erstellt zeigt dieser Artikel. Damit man Sprechblasen wie die Folgenden erstellen kann, muss man wissen, wie man Dreiecke mit CSS3 erstellt. Wir benutzen für die Sprechblase [...]

thesis-designer

Ich hatte ja bereits erwähnt, dass eine eigene Navigation der bereits vorhandenen vorgezogen werden sollte, weil sie leichter zu steuer ist. In diesem Artikel zeige ich Dir, wie Du eine eigene Navigationsleiste erstellen kannst. Dazu möchte ich aber zunächst noch etwas vorausschicken: Der Thesis Test Blog läuft unter einer kürzlich registrierten Domain, die ich für [...]

css3-logo-blogverdiener

CSS3 wird zukünftig immer mehr Grafiken ersetzen. Da ist es natürlich angebracht, wenn man ein paar geometrische Formen gestalten kann. Rechtecke und Quadrate sind ja schon Gang und Gebe. Dreiecke und Kreise sind aber ebenso möglich. Was die meisten nicht wissen, ist, das beim erstellen von Rändern eigentlich dreiecke erstellt werden. Vier Dreiecke, die jeweils [...]

thesis-designer

In diesem Artikel erfährst Du, wie Du eine eigene Sitemap und ein eigenes Impressum erstellen kannst. Dazu kommen einige kleine Verbesserungen an unserem Testblog. Die eigene Sitemap kann den Besuchern helfen sich zu orientieren. Oftmals aber ist sie häßlich und man hat kaum Einfluss darauf. Also bauen wir eine eigene Sitemap zusammen. Das Impressum wird [...]