Untermenü

TYPO3 Chat hosted by kj187kj.

Join now


Chat about what's on your mind. More about public chats.

Sunsite SourceForge.net

Statistik
Tutorials Gesamt:
56
Tutorials Hidden:
1
Kommentare:
499

Bücher zum Thema

Links / Friends
» typo3.org
» T3N Magazin
» CSS Tutorials
» TYPO3 SEO
» TYPO3 Blog



 

Browser Favicon einbinden


Tutorial abonnieren:
Author:
Julian Kleinhans
Author E-Mail:
Eingetragen:
21.01.2007 - 00:40

Quelle:
Keine Quelle vorhanden
Klicks:
1110




Es gibt zwei verschiedene Wege das Favicon einzubinden.
Beide Wege setzen vorraus das Ihr ein favicon.ico in euerem fileadmin habt.

Möglichkeit 1:)

Per shortcutIcon. In euer TypoScript Setup schreibt Ihr folgendes:
   0: page = PAGE
   1: page.typeNum = 0
   2: page.shortcutIcon = fileadmin/favicon.ico
Hier koennen Sie sich den Quellcode kopieren.


Das ganze bindet TYPO3 dann wie folgt im Quellcode ein:
0:  <link rel="SHORTCUT ICON" href="fileadmin/favicon.ico" />
Hier koennen Sie sich den Quellcode kopieren.



Möglichkeit 2:)

Über headerData.

   0: headerData.1 = TEXT
   1: headerData.1.value = <link rel="shortcut icon" type="image/x-icon" href="fileadmin/favicon.ico" />
Hier koennen Sie sich den Quellcode kopieren.


Das Ergebnis könnt Ihr euch weiter unten im Screen ansehen.






Ergebnis:



Zum Eingabeformular

 
Webagentur Gebhard 03.06.2008 15:22 Uhr 

Für Möglichkeit #2 solltest du noch ersichtlich machen, dass der Code in einem page-Block stehen muss, bzw. dass page vorneangestellt werden muss.

   0: page{
   1:   headerData.1 = TEXT
   2:   headerData.1.value = >link rel=&quot;shortcut icon&quot; type=&quot;image/x-icon&quot; href=&quot;fileadmin/favicon.ico&quot; /<
   3: }
Hier koennen Sie sich den Quellcode kopieren.


Grüße
 
 
 
Clemens 24.04.2008 00:45 Uhr 

Achso ja, herr sören ohk: So weit ist offensichtlich nicht weit genug ;)
-> der IE6 beherrscht das schon, nur fehlerhaft. Bzw. fehlerhafter als der IE7.
 
 
 
Clemens Riccabona 24.04.2008 00:43 Uhr 

Damit es bei den meisten Browser funktioniert:

1.) Mittels headerdata einbinden und den type nicht vergessen.
2.) Die Datei im Webroot ablegen (also im Wurzelverzeichnis) mit dem genauen Namen: favicon.ico (in den headerdata dann auch mit dem Pfad /favicon.ico einbinden)
3.) Nicht zu groß machen. 16x16 reicht an sich für die Darstellung in der Adresszeile. 32x32 kann fallweise auch noch ok sein, auch wenn es nix bringt...
4.) Optional kann der type auch noch zusätzlich via htaccess im Apache gesetzt werden.


Grundsätzlich braucht der IE6 bzw. der IE7 immer ein bisserl, bis er das favicon nimmt.
-> manchmal hilft auch, das Ding unter den Favoriten zu speichern und den Browser anschließend neu starten. Ist halt Microsoft. ;)
 
 
 
Sören Ohk 10.03.2008 12:19 Uhr 

Soweit ich weiß, stellt der IE 6 generell keine Favicons dar.
 
 
 
Sören Ohk 10.03.2008 12:17 Uhr 

Der IE 6 stellt keine Favicons dar. Soweit ich das noch weiß
 
 
 
Patrick 06.03.2008 19:53 Uhr 

also bei mir geht des nicht... i steh schon beim TS browser an i kenn mi hoid ned so aus

gibts so ein tutor. genauer?
 
 
 
Andreas 15.08.2007 13:00 Uhr 

Hallo,

ich würde das favicon nicht zu groß machen (100 x 100 !), das kann Probleme bereiten. Unproblematisch sind 16 x 16 oder 32 x 32, dazu eine Farbtiefe nicht größer als 16Bit. Als type image/x-icon. Es geht auch der type image/vnd.microsoft.icon. Vielleicht hilft letzteres beim IE. Habe es noch nicht ausprobiert nehme auch immer den ersten type. Die 3. Möglichkeit das Icon einzubinden ist es in das Wurzelverzeichnis der Website zu packen und es exakt zu bezeichnen mit 'favicon.ico'. Auch die Groß-/Kleinschreibung muss dabei beachtet werden. In diesem Fall muss kein link eingebaut werden. Die Browser finden das Icon automatisch. Wobei mit typo3 zusammen letztere Lösung in der Regel ausscheidet auf grund der Verzeichnisstruktur bzw. Installation.

Hoffe geholfen haben zu können.

mfg
Andreas
 
 
 
Helmut 11.08.2007 13:28 Uhr 

Hallo Julian,

ich weiß nicht genau warum es jetzt im Gegensatz zu heute Nacht (siehe mein posting gegen heute Nacht 1:30) funktioniert. Aber jetzt wird sowohl im Firefox als auch im IE und das favicon korrekt angezeigt.

Die einzige Änderung gegenüber heute Nacht:
Ich habe das favicon auf eine "quadratische " Größe (100x100 pixel) statt der bisherigen "rechteckigen" Form geändert.
Im relevanten Teil im head-script der webpage http://geissler.united-systems.org lautet der Scriptteil wie bisher:

<link rel="SHORTCUT ICON" href="/images/favicon.ico" type="image/x-icon">
<link rel="ICON" href="/images/favicon.ico" type="image/x-icon">

Somit habe ich derzeit keine offenen Fragen dazu.
Helmut



 
 
 
Helmut 11.08.2007 01:40 Uhr 

Hinweis zu meinem eben eingegeben Beitrag:
die von mir eingebene eigene Adresse meiner Website geissler.united-systems.org wurde durch die Tutorseite fälschlich mit www ergänzt und ist daher nicht über den grünen Websiten-button aufrufbar.
Helmut
 
 
 
Helmut 11.08.2007 01:35 Uhr 

Hallo Julian,

ich bin über google auf die tutorial-seite bezgl "Browser Favicon einbinden" gekommen.
Ich habe ebenfalls das Problem, dass mein selbstdefiniertes und mit irfanview ordentlich als favicon.ico erzeugtes favicon zwar von Firefox problemlos dargestellt aber vom IE 7.0 dagegen nicht erkannt wird. Auch das Definieren der entsprechenden Seite als Favoriten bringt beim im IE 7.0 keine Abhilfe.

Der relevante Teil im head-script der webpage lautet:

<link rel="SHORTCUT ICON" href="/images/favicon.ico" type="image/x-icon">

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

Was mache ich falsch oder sollte es anders machen?
Besten Dank für einen Tip
Helmut Geißler

 
 
 
Seite: 1 | 2 | »