Favicon aber wie?

**varix** · 15.04.2010, 22:08

Hallo,

hab im Forum leider keine passende Erklärung/Hilfe gefunden und wollte deshalb mal fragen, ob mir jemand erklären kann, wie ich ein Favicon "sichtbar" machen kann.

Hab folgendes schon gemacht:

1) per PS ein Bild mit 16 x 16 px erstellt
2) per FTP in das Rootverzeichnis geschoben
3) umgenannt in favicon.ico und Rechte 775 vergeben.

Leider wird es nicht angezeigt. Woran liegt es?

Christian

**ways2web** · 15.04.2010, 22:09

dann füge doch den meta tag ins template !

<link rel="shortcut icon" type="image/x-icon" href="tl_files/glissmeyer/images/dein_icon.ico" />

bzw <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />

**chris** · 15.04.2010, 22:10

ich bin mir nicht sicher, aber das Umbenennen wird evtl nicht reichen. Da gibt es nette online Tools, die dein jpg in ein ico konvertieren.

Aber an den Metatag wird er doch wohl gedacht haben, oder nicht?

**ways2web** · 15.04.2010, 22:11

Zitat von chris

ich bin mir nicht sicher, aber das Umbenennen wird evtl nicht reichen. Da gibt es nette online Tools, die dein jpg in ein ico konvertieren.

http://www.favicon-generator.de/

**chris** · 15.04.2010, 22:12

mann bist du schnell

**varix** · 15.04.2010, 22:13

Bin noch Änfänger. Wie füge ich den meta tag ins Templete? Per FTP oder per Backend? Eine kurze, schrittweise Anleitung wäre super.

Danke!

**chris** · 15.04.2010, 22:18

Ich empfehle die Installation der Extension header code. Dann musst du nämlich nicht eigene Templates verwalten. Nach Installation dieser Extension kannst du in der Seitenstruktur in das entsprechende Feld das du dann neu vorfindest den Code einfach eintragen. Allerdings musst du ihn bei jeder Hauptseite deiner Seitenstruktur eintragen. Unterseiten kannst du es weitervererben lassen.

**ways2web** · 15.04.2010, 22:23

Zitat von varix

Bin noch Änfänger. Wie füge ich den meta tag ins Templete? Per FTP oder per Backend? Eine kurze, schrittweise Anleitung wäre super.

Danke!

arbeitest du mit dem TypoLight Template oder hast du ein eigenes ?
Wenn dir das mit der extension zu viel arbeit ist, dann bleibt dir nämlich eigentlich nur das einfügen des Metatags direkt ins Template...

wobei mir mal so war, das man den nicht braucht, wenn das favicon.ico direkt im Root liegt...
aber da kann ich mich auch total irren.. hab den Tag immer drin

**varix** · 15.04.2010, 22:26

Ja, ich benutze das Typolight (Standard)-Template. Wenn ich per FTP schaue, wo finde ich es, in welchem Ordner?

**chris** · 15.04.2010, 22:29

probiers doch mal erst damit, das favicon ins root zu packen... ich kann mich auch erinnern, dass das klappt.

**varix** · 15.04.2010, 22:37

Habs über favicon-generator laufen lassen und per FTP ins Root geschoben. Anschließrend Rechte auf 775 gesetzt und Cache geleert.

Leider immer noch nix....

**jan.theofel** · 15.04.2010, 22:39

Hi,

zusätzliche Kopfzeilen kannst du im Seitenlayout in das Feld "Zusätzliche <head>-Tags" eintragen. Dort sind die META-Angaben für das Favicon gut gut aufgehoben.

Jan

**varix** · 15.04.2010, 22:42

Ich stelle mich im Augenblick wie der erste Mensch an...............

wenn ich ins Seitenlayout gehe, steht dort mein Layout aaaaaabbbbb. Muss ich dort rein oder wo?

das kann doch nicht so schwer sein?

**varix** · 15.04.2010, 22:44

....muss wohl ins Bett.

Habs gefunden und werde es jatzt mal probieren und sag dann bescheid!

**ways2web** · 15.04.2010, 22:46

hast du nen link zu der seite?

***xchs*** · 15.04.2010, 22:46

Zitat von varix

das kann doch nicht so schwer sein?

Nein, das ist wirklich nicht schwer:

- Dein Favicon sollte folgendermaßen heißen: "favicon.ico"
- Dein Favicon sollte im Root der Webseite liegen, da der Server ohnehin immer nach dieser Datei sucht
- Gib im Browser die URL zu Deinem Favicon ein z.B. "http://www.domain.tld/favicon.ico"
- Das Favicon sollte nun angezeigt werden!

**varix** · 15.04.2010, 22:47

So, jetzt passt es.

Vielen Dank euch allen, weiter so!

Christian

**ways2web** · 15.04.2010, 22:48

Zitat von varix

Ich stelle mich im Augenblick wie der erste Mensch an...............

wenn ich ins Seitenlayout gehe, steht dort mein Layout aaaaaabbbbb. Muss ich dort rein oder wo?

das kann doch nicht so schwer sein?

über Layout -> Templates

**chris** · 15.04.2010, 22:49

Also wenn du lieber das Template ändern magst anstatt die empfohlene extension Header Code zu nutzen, dann vergiss nicht das Templatefile vorher in den dafür vorgesehenen, noch leeren Templateorder des Roots zu kopieren. Erst dann werden sie unter Layout ->Templates sichtbar. Von dort holt sich TL übrigens die modifizierten Templates auch automatisch ab, anstatt der Orginale... und außerdem werden sie bei Updates dann auch nicht überschrieben.

Nachtrag: Na toll, schöne Beschreibung umsonst... er hats ja schon.

**ways2web** · 15.04.2010, 22:59

Zitat von chris

Nachtrag: Na toll, schöne Beschreibung umsonst... er hats ja schon.

naja... also haben wir ihm doch geholfen... das is was zählt

**chris** · 15.04.2010, 23:00

nein, ich fürchte xchs war hier der Abstauber

**ways2web** · 15.04.2010, 23:05

Zitat von chris

nein, ich fürchte xchs war hier der Abstauber

den hatte ich ja gar nicht gesehen.. aber sein Thread war auch gut !

**Russe** · 16.04.2010, 08:18

Zitat von chris

… dann vergiss nicht das Templatefile vorher in den dafür vorgesehenen, noch leeren Templateorder des Roots zu kopieren. Erst dann werden sie unter Layout ->Templates sichtbar.

Nur als Info, wenn du im BE unter Layout > Templates auf „Neues Template“ klickst, dann kannst du dir in einem Menü das benötigte Template raussuchen und TYPOlight kopiert selbst das Template in den Templateordner.

**Kahmoon** · 16.04.2010, 10:51

Kleiner Tipp noch meinerseits. Ein Favicon muss eine .ico Datei sein damit die IE Familie es anzeigt. Nur die Dateiendung umbenennen hilft nicht. Es gibt aber ein Plugin für Photoshop damit man direkt als .ico abspeichern kann. Alternativ gibts haufenweise Generatoren/Converter online.

Ich selbst habe den Code für Favicons immer im Layout -> zusätzliche Headtags

**pyretta** · 14.06.2010, 12:43

Hallo varix, ways2web, chris, und alle anderen der Contao-Gemeinde,

ich möchte ebenfalls ein Favicon einbinden. Habe das auch schon tausendmal in anderen Websites gemacht, aber dies ist mein erstes Mal unter XHTML 1.0 Strict und Contao.

Ich habe das Favicon in den Head meines Templates eingefügt. Das Favicon wird auch korrekt angezeigt, aber der eingegebene Code scheint nicht Valide zu sein

.

Folgenden Code habe ich eingegeben:

HTML-Code:

<link rel="shortcut icon" type="image/x-icon" href="/tl_files/favicon/favicon.ico" />

Der HTML-Validator, den man als Addon für den Firefox bekommt, gibt mir folgende Fehleranalyse:
"Document type does not allow element "link" here".

Als Lösungsansatzt gibt er mir folgendes vor:

XHTML syntax in an HTML document:
Bad <link ... />
Good <link ... >

Danach habe ich den Slash entfernt, aber es gab mir dann sogar noch einen zusätzlichen Fehler aus.

Wie bindet man denn nun ein Favicon XHTML 1.0 Strict valide ein?
Ich habe danach auch schon gegooglet, aber irgendwie kam ich immer nur zum selben Ergebnis - zu meinem bereits eingebundenen Code, der ja allem Anschein nach NICHT valide ist.

Muss man das nun auch über Java lösen, wie bei target="_blank", das ja auch mittlerweile nicht mehr valide ist? Oder gibt es andere Möglichkeiten die ich eben noch nicht kenne?

Vielen Dank schon mal im Voraus für Eure Hilfe.

Liebe Grüße,
pyretta