Favicon einfügen

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Benutzeravatar
Amadeus430
Mitglied
Beiträge: 11
Registriert: 31.10.2007 07:59

Re: Favicon einfügen

Beitrag von Amadeus430 »

Mahony hat geschrieben:Jetzt suchst du in deiner overall_header.html folgendes

Code: Alles auswählen

<meta name="description" content="" />
Leider finde ich in der overall_header.html keine

Code: Alles auswählen

<meta name="description" content="" />


Komplette overall_header.html:

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />

<!-- IF META -->{META}<!-- ENDIF -->
<title>{PAGE_TITLE}</title>

<link href="style/admin.css" rel="stylesheet" type="text/css" media="screen" />

<script type="text/javascript">
// <![CDATA[
var jump_page = '{LA_JUMP_PAGE}:';
var on_page = '{ON_PAGE}';
var per_page = '{PER_PAGE}';
var base_url = '{A_BASE_URL}';

var menu_state = 'shown';


/**
* Jump to page
*/
function jumpto()
{
	var page = prompt(jump_page, on_page);

	if (page !== null && !isNaN(page) && page == Math.floor(page) && page > 0)
	{
		if (base_url.indexOf('?') == -1)
		{
			document.location.href = base_url + '?start=' + ((page - 1) * per_page);
		}
		else
		{
			document.location.href = base_url.replace(/&/g, '&') + '&start=' + ((page - 1) * per_page);
		}
	}
}

/**
* Set display of page element
* s[-1,0,1] = hide,toggle display,show
*/
function dE(n, s, type)
{
	if (!type)
	{
		type = 'block';
	}

	var e = document.getElementById(n);
	if (!s)
	{
		s = (e.style.display == '') ? -1 : 1;
	}
	e.style.display = (s == 1) ? type : 'none';
}

/**
* Mark/unmark checkboxes
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state)
{
	var parent = document.getElementById(id);
	if (!parent)
	{
		eval('parent = document.' + id);
	}

	if (!parent)
	{
		return;
	}

	var rb = parent.getElementsByTagName('input');
	
	for (var r = 0; r < rb.length; r++)
	{
		if (rb[r].name.substr(0, name.length) == name)
		{
			rb[r].checked = state;
		}
	}
}

/**
* Find a member
*/
function find_username(url)
{
	popup(url, 760, 570, '_usersearch');
	return false;
}

/**
* Window popup
*/
function popup(url, width, height, name)
{
	if (!name)
	{
		name = '_popup';
	}

	window.open(url.replace(/&/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes, width=' + width);
	return false;
}

/**
* Hiding/Showing the side menu
*/
function switch_menu()
{
	var menu = document.getElementById('menu');
	var main = document.getElementById('main');
	var toggle = document.getElementById('toggle');
	var handle = document.getElementById('toggle-handle');

	switch (menu_state)
	{
		// hide
		case 'shown':
			main.style.width = '93%';
			menu_state = 'hidden';
			menu.style.display = 'none';
			toggle.style.width = '20px';
			handle.style.backgroundImage = 'url(images/toggle.gif)';
			handle.style.backgroundRepeat = 'no-repeat';

			<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
				handle.style.backgroundPosition = '0% 50%';
				toggle.style.left = '96%';
			<!-- ELSE -->
				handle.style.backgroundPosition = '100% 50%';
				toggle.style.left = '0';
			<!-- ENDIF -->
		break;

		// show
		case 'hidden':
			main.style.width = '76%';
			menu_state = 'shown';
			menu.style.display = 'block';
			toggle.style.width = '5%';
			handle.style.backgroundImage = 'url(images/toggle.gif)';
			handle.style.backgroundRepeat = 'no-repeat';

			<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
				handle.style.backgroundPosition = '100% 50%';
				toggle.style.left = '75%';
			<!-- ELSE -->
				handle.style.backgroundPosition = '0% 50%';
				toggle.style.left = '15%';
			<!-- ENDIF -->
		break;
	}
}

// ]]>
</script>
</head>

<body class="{S_CONTENT_DIRECTION}">

<div id="wrap">
	<div id="page-header">
		<h1>{L_ADMIN_PANEL}</h1>
		<p><a href="{U_ADM_INDEX}">{L_ADMIN_INDEX}</a> &bull; <a href="{U_INDEX}">{L_FORUM_INDEX}</a></p>
		<p id="skip"><a href="#acp">{L_SKIP}</a></p>
	</div>
	
	<div id="page-body">
		<div id="tabs">
			<ul>
			<!-- BEGIN t_block1 -->
				<li<!-- IF t_block1.S_SELECTED --> id="activetab"<!-- ENDIF -->><a href="{t_block1.U_TITLE}"><span>{t_block1.L_TITLE}</span></a></li>
			<!-- END t_block1 -->
			</ul>
		</div>

		<div id="acp">
		<div class="panel">
			<span class="corners-top"><span></span></span>
				<div id="content">
					<!-- IF not S_USER_NOTICE --> 
					<div id="toggle">
						<a id="toggle-handle" accesskey="m" title="{L_MENU_TOGGLE}" onclick="switch_menu(); return false;" href="#"></a></div>
					<!-- ENDIF -->
					<div id="menu">
						<p>{L_LOGGED_IN_AS}<br /><strong>{USERNAME}</strong> [&nbsp;<a href="{U_LOGOUT}">{L_LOGOUT}</a>&nbsp;][&nbsp;<a href="{U_ADM_LOGOUT}">{L_ADM_LOGOUT}</a>&nbsp;]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
						<ul>
						<!-- BEGIN l_block1 -->
							<!-- IF l_block1.S_SELECTED -->
	
						<!-- BEGIN l_block2 -->
							<!-- IF .l_block1.l_block2.l_block3 -->
							<li class="header">{l_block1.l_block2.L_TITLE}</li>
							<!-- ENDIF -->
	
							<!-- BEGIN l_block3 -->
								<li<!-- IF l_block1.l_block2.l_block3.S_SELECTED --> id="activemenu"<!-- ENDIF -->><a href="{l_block1.l_block2.l_block3.U_TITLE}"><span>{l_block1.l_block2.l_block3.L_TITLE}</span></a></li>
							<!-- END l_block3 -->
						<!-- END l_block2 -->
						
							<!-- ENDIF -->
						<!-- END l_block1 -->
						</ul>
					</div>
	
					<div id="main">
:-?

Link zu meinem Forum: http://www.republikasrpskaonline.com/forum/index.php
Jeanny, quit livin' on dreams
Jeanny, life is not what it seems
Such a lonely little girl in a cold, cold world ...
Benutzeravatar
redbull254
Ehemaliges Teammitglied
Beiträge: 10379
Registriert: 05.01.2006 13:01
Kontaktdaten:

Re: Favicon einfügen

Beitrag von redbull254 »

Hallo erstmal,
dann setze es halt über dieses an erster Stelle. ;-)

Code: Alles auswählen

<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
Auf jeden Fall unter:

Code: Alles auswählen

<head>
Anschließend folgendes noch beachten:
Dein Style muss noch in der Datenbank aktualisiert werden!

Gehe dazu folgende Schritt durch:

ACP --> Styles --> Style-Komponenten --> Themes
ACP --> Styles --> Style-Komponenten --> Templates
ACP --> Styles --> Style-Komponenten --> Grafiksammlungen

Dort angekommen, klicke jeweils auf den Link " Aktualisieren "

Nach den Aktualisierungen gehe zurück auf den ACP Index ( ACP --> Allgemein ) und klicke bei "Den Cache leeren" auf den Button "Jetzt ausführen".

Bei manchen Browsern ist es zusätzlich nötig, den Browser Cache zu löschen. ( Meistens mit STRG + F5 )

Alternative Möglichkeit (Nur für den kurzzeitigen Gebrauch gedacht):

ACP --> Allgemein --> Serverlast --> Rekompilieren veralteter Style-Komponenten: JA einstellen.

Das sollte aber hinterher wieder zurück gestellt werden. (Sonst unter anderem große Serverlast)

Der Cache muss aber trotzdem geleert werden.
Beste Grüße
Walter
Benutzeravatar
Amadeus430
Mitglied
Beiträge: 11
Registriert: 31.10.2007 07:59

Re: Favicon einfügen

Beitrag von Amadeus430 »

Hallo redbull254, :wink: danke schon mal für die Ersthilfe, habe alle Schritte genaustens befolgt. Nur leider leider. :(

Gehen wir mal etwas zurück, ich beführchte dass das favicon image nicht in der richtigen Datei ist:

http://img12.imageshack.us/img12/417/24950662.jpg

http://img693.imageshack.us/img693/1278/65890919.jpg

Wo soll das image genau hin, avatars, icons, ranks, smilies, upload_icons oder einfach da wo es jetzt ist? Danke. :wink:
Zuletzt geändert von Amadeus430 am 20.11.2009 12:27, insgesamt 1-mal geändert.
Jeanny, quit livin' on dreams
Jeanny, life is not what it seems
Such a lonely little girl in a cold, cold world ...
Benutzeravatar
redbull254
Ehemaliges Teammitglied
Beiträge: 10379
Registriert: 05.01.2006 13:01
Kontaktdaten:

Re: Favicon einfügen

Beitrag von redbull254 »

Code: Alles auswählen

<link rel="shortcut icon" href="favicon.ico" />
Wenn Du das so in die overall_header.html rein setzt, packst Du das "favicon.ico" in das Root-Verzeichnis Deines Webspace rein. Also nicht in das Foren-Verzeichnis des Forums, sondern Dein gesamtes Haupt-Verzeichnis.
Wichtig ist die korrekte Schreibweise des "favicon.icon".
Danach Browser-Cache löschen usw.
Bei dem anderen verwendeten Eintrag steht dabei, welchen Ordner Du benutzen musst.

Code: Alles auswählen

<link rel="shortcut icon" type="image/x-icon" href="./images/favicon.ico" />
./images/favicon.ico"
Forenverzeichnis\images\favicon.ico
Beste Grüße
Walter
Benutzeravatar
Amadeus430
Mitglied
Beiträge: 11
Registriert: 31.10.2007 07:59

Re: Favicon einfügen

Beitrag von Amadeus430 »

Immer noch nichts. Wenn ich die Datei einzeln aufrufe per URL, dann kommt nichts, nur die Meldung 404 Not Found. Da stimmt doch etwas mit der Datei nicht. Ist doch richtig kodiert auf ICO. Mit der Endung "icon" bekomme ich eine Video-Datei. :roll:

http://www.republikasrpskaonline.com/favicon.ico
Jeanny, quit livin' on dreams
Jeanny, life is not what it seems
Such a lonely little girl in a cold, cold world ...
Benutzeravatar
redbull254
Ehemaliges Teammitglied
Beiträge: 10379
Registriert: 05.01.2006 13:01
Kontaktdaten:

Re: Favicon einfügen

Beitrag von redbull254 »

Code: Alles auswählen

favicon.ico
So und nicht anders muss die Bild-Datei heißen.

Muss natürlich auch eine sein, nicht eine x-beliebige Datei einfach nur so nennen. :)
Das Dateiformat ICO wird für die Icons unter Microsoft Windows verwendet.
Hier hast Du noch Lesestoff.
http://michael-hocke.de/tutorial/favicon.php
Beste Grüße
Walter
Benutzeravatar
Amadeus430
Mitglied
Beiträge: 11
Registriert: 31.10.2007 07:59

Re: Favicon einfügen

Beitrag von Amadeus430 »

So sieht es im FTP aus: Lokale Seite.

[ externes Bild ]

Und die Serverseite. Aus irgendeinem Grund erkennt das FTP meine ICO-Datei nicht an.

[ externes Bild ]

:-?

Die Datei habe ich mit PhotoImpact von JPEG auf ICO kodiert.
Jeanny, quit livin' on dreams
Jeanny, life is not what it seems
Such a lonely little girl in a cold, cold world ...
Benutzeravatar
redbull254
Ehemaliges Teammitglied
Beiträge: 10379
Registriert: 05.01.2006 13:01
Kontaktdaten:

Re: Favicon einfügen

Beitrag von redbull254 »

Keine Ahnung, was Du für ein FTP-Client benutzt und wie die Einstellungen da sind.
Benenne mal das Bild vorher in favicon.jpg um ,schiebe es hoch und ändere es dann wieder in .ico um.
Beste Grüße
Walter
Benutzeravatar
Mahony
Ehemaliges Teammitglied
Beiträge: 12179
Registriert: 17.11.2005 22:33
Wohnort: Ostfildern Kemnat
Kontaktdaten:

Re: Favicon einfügen

Beitrag von Mahony »

Hallo
Also ich sehe das favicon, wenn ich diese Seite aufrufe http://www.republikasrpskaonline.com/favicon.ico
In der Adressleiste ist es ebenfalls zu sehen.

P.S. @Amadeus430
Du hast zu große Bilder in deinen Beitrag eingebunden, was das Thema unübersichtlich macht. Es wäre besser die Bilder stattdessen lediglich zu verlinken - siehe auch Grösse von Avataren und Bildern.

Bitte passe deinen Beitrag an, lies Dir den phpBB.de-Knigge und den Hinweis zur Fragestellung und Rechtschreibung durch und beachte diese zukünftig.

Grüße: Mahony
Taekwondo in Berlin
Wer fragt, ist ein Narr für fünf Minuten, wer nicht fragt, ist ein Narr für immer.
Benutzeravatar
Amadeus430
Mitglied
Beiträge: 11
Registriert: 31.10.2007 07:59

Re: Favicon einfügen

Beitrag von Amadeus430 »

Ich benutze FileZilla, die Datei ist OK, http://www.republikasrpskaonline.com/favicon.ico .

Nur mein Favicon habe ich immer noch nicht in der Browserzeile. :-? Ich probiere seit gestern herum und es tut sich nichts. Es kann doch nicht so schwer sein.
Jeanny, quit livin' on dreams
Jeanny, life is not what it seems
Such a lonely little girl in a cold, cold world ...
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“