Icon im Registerblatt

Bunbury · 05.02.2010

Hallo,
kann mir jemand bitte sagen, wie ich einen Icon im Register einfüge? Icon soll im Browser sichtbar sein (hier z.B. der Schmetterling). Ich arbeite mit Dreamweaver CS3.
Danke, Bunbury :hmpf:

liselotte · 05.02.2010

AW: Icon im Registerblatt

Die Dinger heißen flavicon aber wohin die kommen sorry
Probier doch mal so:
<html lang="de-de">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="lang" content="de-de" />
<meta name="area" content="livedocs" />
<title>Test * flavicon einbauen</title>
<link rel="shortcut icon" href="images/Design.ico" />

<meta name="book" content="flavicon einfügen" />
<meta name="product" content="ICON" />
<meta name="keywords" content="" />

Norbert Schumann · 05.02.2010

AW: Icon im Registerblatt

ins verzeichnis wo auch die index.html liegt

lehmannj · 05.02.2010

AW: Icon im Registerblatt

Im header folgende Zeile eingeben:
<link rel="SHORTCUT ICON" href=""/>

tomtom · 05.02.2010

AW: Icon im Registerblatt

liselotte schrieb:
Die Dinger heißen flavicon aber wohin die kommen sorry

die dinger heißen favicon.

lehmannj · 05.02.2010

AW: Icon im Registerblatt

hatte noch vergessen zu Erwähnen, Icon sollte eine Größe von 32 x32 Pixel haben

Jens_S · 05.02.2010

AW: Icon im Registerblatt

Wenn das Icon im Hauptverzeichnis liegt und favicon.ico heißt dann brauch man noch nicht mal mehr was in seiner Seite eingeben.

Bunbury · 06.02.2010

AW: Icon im Registerblatt

Hallo zusammen,
danke für Eure Hilfe. Leider funktioniert es nicht. Kann es an den Templates liegen? Habe dem html-Code eingegeben und auch weggelassen, z.T. erscheint nicht mal das weiße Blatt (wie üblich).
Schöne Grüße, Bunbury

tomtom · 06.02.2010

AW: Icon im Registerblatt

Bunbury schrieb:
Hallo zusammen,
danke für Eure Hilfe. Leider funktioniert es nicht. Kann es an den Templates liegen? Habe dem html-Code eingegeben und auch weggelassen, z.T. erscheint nicht mal das weiße Blatt (wie üblich).
Schöne Grüße, Bunbury

dann poste uns doch mal den html-code und evtl. auch deinen css-code. poste einfach alles was du zu deiner webseite hast. bringen dann mal licht ins dunkle.

Bunbury · 06.02.2010

AW: Icon im Registerblatt

Hallo,
das ist mein code, wie gesagt ist ein Template:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Unbekanntes Dokument</title>

<link href="../css/layout.css" rel="stylesheet" type="text/css" />


<link href="../css/menu_linedrop.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>

Mit dieser Version ist auch das "weiße Blatt" verschwunden. Die Datei favicon.ico liegt neben der index.html.
Gruß, Bunbury

fakerer · 06.02.2010

AW: Icon im Registerblatt

hat das Icon das richtige Format?
hier gibts auch ein schöne Plugin für PS.
Telegraphics - Free plugins for Photoshop & Illustrator...and other software

vielleicht hilft das ja.
Und ich würds auf jeden fall in den Quellcode schreiben

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

schadet auf jeden fall nicht, auch wenn es bei den meisten Browsern ohne geht

tomtom · 06.02.2010

AW: Icon im Registerblatt

Bunbury schrieb:
Leider funktioniert es nicht. Kann es an den Templates liegen?

glaub ich nicht, sind doch nur kommentare im html-code.

nur für mich mal:
#1 welchen browser benutzt du denn?
#2 ist die seite schon online oder noch offline? ich glaube offline, da du noch keinen title vergeben hast!

Schakal_X · 07.02.2010

AW: Icon im Registerblatt

Moin,
Favicon's kommen in den <head> der HTML-Seite, vor der stylesheet.css anweisung, auf jede seite wo er erscheinen soll.

Hier ein paar links:

favicon.ico Generator
Favicon Generator
Favicon Generator | Make Free Favicons | Create a Favicon.ico Design
35 beispielhafte Favicons aus aller Welt | Favicons, Icons | Dr. Web Magazin

Beispiel:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title> </title>
<meta name="robots" content="index, follow" />
<meta name="description" content="" />
<meta name="" content="" />
<meta name="author" content="Schakal" />

<link href="favicon.ico" rel="shortcut icon" />

<link href="zentrale.css" rel="stylesheet" type="text/css" />
</head>

Gruss
Schakal

Schakal_X · 07.02.2010

AW: Icon im Registerblatt

Ich nochmal,

Zum CSS lernen kann ich die Reihe: "little Boxes" von Peter Müller wärmstens empfehlen, hat mir sehr geholfen mich ins CSS einzuarbeiten. Gibt es als Buch oder DVD.

by

Bunbury · 07.02.2010

AW: Icon im Registerblatt

@1 Benutze Firefox.
@2 Seite ist noch offline.

Ist denn noch wichtig, an welcher Stelle im <head> der code stehen muss?

Gruß, Bunbury

mr1st · 08.02.2010

AW: Icon im Registerblatt

Ich mache es immer so:

HTML:

<link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" />
 <!--[if IE]>
 <link rel="shortcut icon" href="favicon.ico" />
 <![endif]-->

Zu beachten ist, dass der richtige MIME-Typ für das ico image/vnd.microsoft.icon ist. Des weiteren kapiert der IE - mal wieder - die richtige Notation nicht, daher die Extrawurst.
Wie auch schon erwähnt ist, hilft es natürlich, die Datei favicon.ico zu nennen und in das Hauptverzeichnis zu legen, weil viele Browser schauen auch da einfach nach.

Mit einem vernünftigen Icon-Tool kann man übrigens auch mehrere Größen abspeichern, also z.B. 16x16, 24x24, 32x32 und 64x64. Da kann man erst mit einem Bildbearbeitungsprogramm seines Vertrauens verkleinern, evtl. was ausbessern und das alles zusammen in ein Icon packen. Nur weiß ich im Moment nicht, welches Tool ich damals dafür verwendet hab.

BTW: Man kann mittlerweile auch beispielsweise PNGs oder sogar animierte GIFs verwenden, nur die werden halt nicht von allen Browsern angezeigt.

Diese Angaben können irgendwo im <head>-Bereich stehen, aber eben im <head>.

MfG

Bunbury · 08.02.2010

AW: Icon im Registerblatt

Danke, Leute, es funktioniert! Super! Freude!
Vielen Dank an alle für die umfangreichen Informationen und die schnelle Hilfe!
Bye, Bunbury