|
Webmaster Tipps: Gestaltung und Programmierung (Seite 6)
Der Webmaster Bereich gibt Tipps und Hilfen zu den Themen HTML, PHP und Javascript. Für andere Programmiersprachen haben wir neben dem Webmaster-Forum auch ein Programmier-Forum.
Mit float lassen sich mit CSS mehrere Elemente nebeneinander anzeigen: Reicht der Platz aus, wird ein "float:left" Element neben einem anderen Element mit der Eigenschaft "float:left" angezeigt. Trotzdem ist es nicht ganz einfach, verschiedene floating-Elemente zu platzieren - vor allem, wenn sie auch noch zentriert werden sollen.
display: flex - DIVs flexibel und zentriert nebeneinander
Die neue CSS Eigenschaft "display: flex" hilft hier au... Weiterlesen...
Wer diese Fehlermeldung bei der Verwendung von Javascript bekommt, muss eigentlich nicht viel ändern, um das Skript ausführen zu können: Man muss nur den angemahnten "unescaped line break" entfernen: Anders als zum Beispiel PHP hat Javascript nämlich Probleme, wenn ein String über mehrere Zeilen gehen soll.
SyntaxError: '' string literal contains an unescaped line break
Die Fehlermeldung gibt daher an, dass ein "line break", ei... Weiterlesen...
Tipp: So sieht das Bild ohne CSS Filter aus!
Für manche Effekte braucht man kein Bildbearbeitungsprogramm: Mit den CSS Filtern können die Browser viele Effekte selber darstellen - und das, ohne das ursprüngliche Bild zu verändern. Einer dieser Effekte ist der grayscale Filter: Damit wird aus einem bunten Bild eine schicke schwarz-weiß Grafik.
Das einfärben des Bildes funktioniert dabei nicht nur mit Bildern, die direkt (als <img>) ein... Weiterlesen...
Mit Javascript lassen sich die CSS Werte eines Elements nicht nur auslesen, sondern auch setzen: So kann man mit Javascript etwa dynamisch Elemente in der Größe verändern oder neu platzieren. Damit das funktioniert, muss man auf die Werte aber auch zugreifen können.
Ganz wichtig ist dabei die ID des Objektes (in unserem Beispiel einfach ein DIV). Über dessen ID (die auf der gesamten HTML-Seite nur einmal vorhanden sein darf) lassen sich die Werte a... Weiterlesen...
Für Responsive-Webseiten, die nicht nur in großer Auflösung auf dem Desktop-Rechner, sondern auch auf dem Tablet oder Handy gut aussehen, muss man oft bestimmte Elemente in der Größe an das Webseiten-Fenster (oder die verfügbare Bildschirmbreite) anpassen. Das geht mit CSS sehr leicht: Hier zeigen wir zum Beispiel, wie man mit CSS ein Bild immer automatisch mitskaliert).
Zum Beispiel: So sieht es aus!
Das richtet sich allerdings immer nur n... Weiterlesen...
Mit CSS lassen sich Bilder ganz einfach an die Größe des Browserfenster anpassen - sogar automatisch, wenn es sich verkleinert oder vergrößert. Aber zusätzlich funktioniert dieser Trick auch für Responsive-Webseiten, damit die Bilder nicht nur auf dem Desktop, sondern auch auf mobilen Webseiten in der vollen Breite angezeigt werden, ohne dass wichtige Informationen abgeschnitten werden.
Beispiel: So sieht es aus!
Für die automatische Grö�... Weiterlesen...
Nur mit HTML und CSS kann man einer Schrift ganz einfach einen schönen Outline-Effekt geben: Einen farbigen Rand um die Text-Zeile herum. Das passt gut für Überschriften, aber auch für Text, der auf einem Bild platziert werden soll und dann so aussehen könnte wie in dem Beispiel-Screenshot oben. Für die CSS Outline definiert man dafür einfach einen Schatten um die Schrift - aber in alle vier Richtungen!
Zunächst definieren wir hier eine Klas... Weiterlesen...
Mit der Date Funktion lässt sich in PHP schnell eine Datum, ein Tag, Monat oder eine Jahreszahl ausgeben - oder auch die Uhrzeit. das ganze geht auch sehr einfach auf deutsch und mit den deutschen Datums-Einstellungen "Tag.Monat.Jahr" oder mit einem kleinen Trick auch mit den deutschen Namen für die Wochentage und Monate.
PHP date() Funktion: Die wichtigsten Parameter
Tag: date("d")
Monat: date("m")
Jahr: date("Y")
Mehr: Tag- und Monat... Weiterlesen...
Mit einem kleinen Trick lassen sich Elemente einer Webseite nur mit CSS fest definieren: dann bleiben sie auch beim Scrollen fest an ihrer Position und bewegen sich nicht mit - das ist ideal für eine schmale Menüleiste, die immer sichtbar sein soll.
position:fixed
Mit dem Befehl "position:fixed" wird ein Element absolut platziert, allerdings mit dem Unterschied zu "position:absolute", dass es auch fest an seiner Position bleibt. Scrollt ma... Weiterlesen...
Wie auch wget kann man mit dem curl Befehl nicht ohne weiteres auf URLs zugreifen, bei denen mehrere Parameter über die URL übergeben werden - es gibt aber zwei Möglichkeiten, diese Parameter doch zu übergeben. In URLs wird das Kaufmanns-Und "&" genutzt, um den zweiten oder dritten Parameter zu übergeben. Der erste URL-Parameter wird mit einem Fragezeichen "?" von der Datei getrennt, alle weiteren Parameter werden mit dem Und-Zeichen "&" getrennt:... Weiterlesen...
In URLs und Web-Adressen wird das Und-Zeichen "&" (auch Kaufmanns-Und oder Et-Zeichen genannt) benutzt, um verschiedene Parameter zu übergeben. Der erste Parameter wird dabei mit einem Fragezeichen "?" von der eigentlichen URL abgetrennt, alle weiteren mit dem Und-Zeichen "&":
webseite.php?parameter1=1¶meter2=2
Möchte man eine Webseite aber mit wget über die Konsole auf einem Linux-Rechner aufrufen und hier ebenfalls Parameter übergeben m... Weiterlesen...
HTML, die Sprache für Webseiten, unterstützt in der Regel nicht direkt mehrere Leerzeichen hintereinander. Trotzdem gibt es drei Möglichkeiten, um mehrere Leerzeichen einzugeben:
non-breaking spaces
preformatted text
CSS
Wie man mit diesen drei Optionen mehrere Leerzeichen in den Artikel auf der Webseite eingibt, zeigen wir hier - in der Regel funktioniert das auch in einem CMS wie Wordpress, zumindest wenn man statt dem visuellen Eingab... Weiterlesen...
Normalerweise zeigen die Browser die <ul> Listen mit einer Einrückung an: die einzelnen Listenpunkt <li> sind mit kleinem Abstand nach links eingerückt. Für Listen-Aufzählungen ist das zwar praktisch, kann aber stören, wenn man das Layout der Seite etwas genauer planen muss. Hier hilft unser Tipp: Damit kann man den Abstand entweder so einstellen, wie er sein soll - oder aber die Einrückung ganz weglassen, damit die einzelnen LI Elemente ... Weiterlesen...
Um eigene Bilder oder andere Dateien aus dem Wordpress Theme zu verlinken, hat Wordpress eine praktische Funktion eingebaut: Damit kann man direkt auf das aktuell ausgewählte Theme verweisen und so Dateien aus dem Theme einbinden.
Hat man zum Beispiel innerhalb des Theme-Ordners einen Ordner "bilder" erstellt, in dem man Buttons, Hintergründe oder das eigene Logo gespeichert hat, kann man mit dieser Funktion aus den PHP Dateien im Theme ganz einfach ... Weiterlesen...
Möchte man eine Menüleiste (oder ein anderes Element wie die Navigation) immer sichtbar anzeigen lassen, geht das mit der CSS Angabe "position" - außerdem kann man das Element noch leicht transparent gestalten, damit man beim Scrollen die anderen Inhalte unten noch ein wenig durchscheinen sieht.
HTML Element mit CSS immer sichtbar fixieren
Der CSS Befehl zum immer sichtbaren Fixieren eines HTML Elemts lautet "position:fixed". Außerdem... Weiterlesen...
|
|
» Top Tipps: Diese Tipps sind heute beliebt
Meist gelesene Tipps:
Irfanview auf deutschDas praktische Bildprogramm Irfanview gibt es auch auf deutsch: Dazu lässt si... (98505x gelesen)
© Computerhilfen.de (40282x gelesen)
|
|