Tipps und Tricks mit HTML, CSS und Skripten

Von Zeit zu Zeit stellen wir neue Videos auf YouTube ein - haben diese aber nicht hier aufgelistet.

Joomla-3 auf XAMPP Installations-Probleme beheben

Für Leute die mit Joomla auf localhost arbeiten, bzw. arbeiten möchten gibt es machmal Probleme bein erstellen der Tabellen in der Datenbank. In diesem Video wird erklärt wie Sie das Schritt für Schritt beheben können.
Einige code steht dazu beim video auf youTube bereit.

Elemente zentrieren, Div’s zentrieren, Bilder zentrieren »

Eines der meist gefragten Themen im Webdesign ist "wie zentriere ich dieses oder jenes Element oder Elemente". Egal ob ein oder mehrere Elemente oder Bilder oder einen iframe oder ähnliches, wir zeigen Ihnen in diesem Video die einfachste Methode mit dem saubersten CSS. Folgen Sie Schritt für Schritt dem Video mit Anleitung und dem Code dazu, welches Sie dann für Ihr Website anwenden können.

Gradient Styling, Farben für Hintergrund oder Objekte »

Die Zeiten um große Bilder oder Graphiken als Hintergrund zu benutzen sind vorbei, denn solch ein Bild braucht Zeit um vom Server zu Ihrem Browser geladen zu werden. Jetzt geht es viel einfacher mit 'gradient styling' im CSS, wobei es dann auch wieder einige Unterklassen gibt, welche z.B. die Form des erstellten Bildes festlegt.
Hier behandeln wir erst mal Grundsätzliches zum gestalten einiger Formen. Folgen Sie Schritt für Schritt dem Video mit Anleitung und dem Code dazu, welches Sie dann für Ihr Website anwenden können.

Zoom-Effekt mit Maus-drüber »

Oft ist es nicht angebracht große Bilder und/oder viele Bilder auf einer Webseite zu haben. Üblicherweise benutzt man dann eine "Lightbox" wo durch das Anklicken des kleinen Bildes dann ein großes erscheint. Dazu braucht man einiges an CSS, Scripten und hat ein langes HTML.
Mit CSS-3 ist es möglich ohne jegliche andere scripte aus einem kleinem Bild (thumbnail) beim überfahren der Maus das Bild in voller größe erscheinen zu lassen. Dazu verlangsamen wir dann noch den Vorgang vom ein/ausblenden und bekommen einen animierten Effekt. Nur wenige Zeilen CSS und HTML sind dafür nötig.

Link im Statusbar verschleiern oder verstecken »

Geht man mit der Maus über einen link, kann man im Statusbar des Browsers (unten) die Adresse sehen wo dieser hinführt. Vielleicht haben Sie einen link den man dort nicht anzeigen soll, z.B. den link zu einer Download-Datei, oder einen langen Affiliate-link wo Sie nicht möchten das man den sehen kann, denn es könnte den Besucher Abschrecken darauf zu klicken.
Die einsehbare Adresse können wir täuschen mit ein wenig code an der richtigen Stelle im HTML.
Dies hat nichts mit verkürzen des links zu tun.

Download-Datei mit Danke-Seite Verlinken »

Geben Sie Ihre Download-Datei einfach frei und der Besucher ist weg ohne das Sie etwas davon haben?
Wenn Sie eine Download-Datei nicht einfach nur mit einem Link freigeben möchten, sondern eine Weiterleitung bezwecken (z.B. auf eine Danke-Seite) wo dort der Download-link dann automatisch öffnet ist dies hier die Lösung des Problems.