HTML

Seite 3

Kein Bild
9. Apr. 2014

CSS Eigenschaften mit der Maus

Dank Alex bin ich nun auch mal neugierig auf die Mauseigenschaften geworden, die so mit CSS machbar sind. Daher gibt es hier mal eine kurze, kleine Übersicht an nütlichen Mäusen. Pointer: [css] .maus_pointer { cursor: pointer; } [/css] Dann den allseits beliebten Loader, dieser nennt sich Wait. Wait [css] .maus_wait { cursor: wait; } [/css] […]

Weiterlesen
Kein Bild
3. Apr. 2014

Bilder mit CSS3

Mit CSS 3 sind diverse verschiede Bilder möglich, von Simpsons Figuren über Futurama Figuren bis hin zu eigenen Logos und Profilbilder. Musste es hier leider enternen da es zu lange dauerte zu laden und zu viele Fehler verusachten. :( Ein schöner Dienst daafür ist imgtocss.com.

Weiterlesen
Kein Bild
29. März 2014

UTF-8 – Kein Problem

Viele speichern mit Windows Dateien im ISO-8859-1-Zeichensatz (liasa Latin1), das wiederrum verursacht Probleme beim konvertieren in UTF-8. Meist bekommt man hier nur ein Fragezeichen oder ein schwarzes Kästchen, daher kann man alles auf UTF-8 setzten um das Zukünftig vermeiden. Ganz wichtig, speichert die Dateien als UTF-8 und nicht als ISO, denn Unix Systeme nutzen alle […]

Weiterlesen
Kein Bild
29. März 2014

HTML-Umlaute korrigieren

Ich hatte jetzt mehrfach das Problem, das manche die ISO Formate nutzen, Linux jedoch UTF-8 und die meisten Standards auch. Daher kann man mit 2 einfachen Befehlen mit SED alle PHP oder HTML Dateien ändern. Einfach die Dateiendung anpassen. In unserem Beispiel mit PHP, wichtig ist auch, das Script ändert alle Dateien im aktuellen Verzeichnis […]

Weiterlesen
Kein Bild
13. März 2014

Tabs und HTML

1. Durch Formular Felder Tabben Probieren es selbst: Feld 4: Feld 1: Feld 3: Die Lösung liegt in der Eigenschaft tabindex. [sourcecode lang=”html”] <form action="tabindex.htm"> <p> Feld 4: <input type="text" size="40" maxlength="40" tabindex="4"><br> Feld 1: <input type="text" size="40" maxlength="40" tabindex="1"><br> Feld 3: <input type="text" size="40" maxlength="40" tabindex="3"><br> <input type="button" tabindex="2" value="Feld 2"> </p> </form> [/sourcecode] […]

Weiterlesen
Kein Bild
16. Okt. 2013

View Source Chart – unübersichtlichen Code lesbar machen

Schon öfters hatte ich das Problem, das ich mir einen Code von einer anderen Seite anschauen wollte und dieser war unleserlich und unkennbar gemacht. Schon mal versucht, einen HTML Source Code einer Google Suchresultatseite zu analysieren? Oder von diversen großen Seiten? So soll will man verhindern das man Designs nachahmt oder sich dadurch inspierieren lässt. […]

Weiterlesen
Kein Bild
9. Juni 2013

Liste von Mime-Types

Komplette Liste von Mime Typen Text PHP – text/html HTML – text/html HTM – text/html CSS – text/css Multipart Dateien PDF – application/pdf ZIP – application/zip JAVASCRIPT – application/javascript Bilder GIF – image/gif JPEG – image/jpg JPG – image/jpg PNG – image/png Video MPEG-1 – video/mpeg MP4 Video – video/mp4 Quicktime – video/quicktime WMV – […]

Weiterlesen
Kein Bild
24. Apr. 2013

Abgerundetes Design

Da ich das hier immer wieder nachschlagen muss. Ebenfalls ist der Meta Tag da, um ihn für alle Browser kompatibel zu machen. Dies ist für den Internet Explorer bis Version 9 braucht diesen Meta Tag. [html] <meta http-equiv="X-UA-Compatible" content="IE=edge" /> [/html] Folgend die CSS Eigenschaften mit den jeweiligen Browserkampatiblen Variablen. [css] rount { border-radius:10px; /* […]

Weiterlesen
Kein Bild
24. Apr. 2013

Meine Simple HTML5 Vorlage.

Um nicht ständig nach schauen zu müssen, schreibe ich mir hier nun die HTML5 Vorlage auf. [html] <!DOCTYPE html> <html lang="de"> <head> <title>Meine HTML Vorlage</title> <meta charset="UTF-8"> </head> <body> Mein Content </body> </html> [/html]

Weiterlesen
Kein Bild
18. März 2013

Umlaute von UTF-8 auf HTML-Encoding

Diese Funktion dient zur Kompatibilität von mehreren Sprachen, sofern kein UTF-8 aktiviert ist als Meta Einstellung. [php]<?php function umlfilter2($nachricht) { $nachricht = str_replace("ä", "&auml;", $nachricht); $nachricht = str_replace("Ä", "&Auml;", $nachricht); $nachricht = str_replace("ü", "&uuml;", $nachricht); $nachricht = str_replace("Ü", "&Uuml;", $nachricht); $nachricht = str_replace("ö", "&ouml;", $nachricht); $nachricht = str_replace("Ö", "&Ouml;", $nachricht); $nachricht = str_replace("ß", "&szlig;", $nachricht); […]

Weiterlesen
Kein Bild
18. März 2013

Link um Favoriten hinzufügen

Dieser Code, fügt die aktuelle Seite als Favoriten hinzu. [html]<a href="javascript:;" onclick=’window.external.AddFavorite(location.href,document.title);’>Homepage zu Favoriten hinzufügen</a>[/html]

Weiterlesen