Header Grafik wird nicht angezeigt

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.3, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich sowie die URL vom betroffenen Forum.
Antworten
SleazeRocker
Mitglied
Beiträge: 8
Registriert: 28.10.2016 02:03

Header Grafik wird nicht angezeigt

Beitrag von SleazeRocker »

Moin Moin!

Ich bin neu hier und habe seit kurzem ein phpBB Forum auf meinem Space installiert.
Soweit funzt auch alles... nur der Header macht Probleme.

Folgendes:
Ich habe einen Style von DVGFX installiert, hat alles geklappt.
Hab dann gemerkt, dass bei diesem Style der komplette Header ausgeblendet wurde.
Um dies zu beheben, habe ich die Overall_header Datei von Prosilver kopiert und diese in den DVGFX Style eingefügt und die alte Datei ersetzt.
Hat auch alles soweit geklappt... der Header mit der Suchleiste ist wieder da.
Nur die Grafik wird nicht angezeigt.

Ich habe eigentlich alles richtig gemacht. Habe den Vorgang schon mit dem Prosilver Style getestet, dort wird die Grafik angezeigt.
Leider nicht im DVGFX Style... dort ist nur ein leerer Platz.

Woran könnte das liegen?

Dank im Voraus!
Nach oben
Lehrling
Ehemaliges Teammitglied
Beiträge: 3833
Registriert: 15.01.2012 20:00
Kontaktdaten:
Kontaktdaten von Lehrling

Re: Header Grafik wird nicht angezeigt

Beitrag von Lehrling »

Hallo, das könnte an CSS-Befehlen im Stylesheet liegen. Hast du mal einen Link zu deinem Board? Oder wenigstens zum Style?
Nach oben
SleazeRocker
Mitglied
Beiträge: 8
Registriert: 28.10.2016 02:03

Re: Header Grafik wird nicht angezeigt

Beitrag von SleazeRocker »

Moin!

Hier der Link zum Board.
http://forum.schwaerze-productions.de

Link zum Style:
http://www.awesomestyles.com/phpbb3-sty ... /dvgfx-3-1
Nach oben
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 8136
Registriert: 24.05.2010 08:31
Kontaktdaten:
Kontaktdaten von Kirk

Re: Header Grafik wird nicht angezeigt

Beitrag von Kirk »

Hallo
Solltest phpBB 3.1.10 nutzen, dann lade dir zuerst die aktuelle Version runter.
Öffne dann die root/styles/DVGFX/template/overall_header.html
Finde:

Code: Alles auswählen

				<!--<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>-->
Ersetzen mit:

Code: Alles auswählen

				<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
Öffne: root/styles/DVGFX/theme/imageset.css
Finde:

Code: Alles auswählen

.imageset.site_logo {
	background-image: url("./images/site_logo.gif");
	padding-left: 149px;
	padding-top: 52px;
}
Ersetzen mit:

Code: Alles auswählen

.imageset.site_logo {
	background-image: url("./images/site_logo.png");
	padding-left: 149px;
	padding-top: 85px;
}
Danach den Foren sowie den Browser Cache leeren.
Diese Änderungen beziehen auf das Standard Logo von diesem Style.
Nach oben
SleazeRocker
Mitglied
Beiträge: 8
Registriert: 28.10.2016 02:03

Re: Header Grafik wird nicht angezeigt

Beitrag von SleazeRocker »

Hallo,

danke für die Antwort.

Hab alles so angepasst wie beschrieben, nur die Größe des Bildes im Code geändert.
Leider wird das Bild immer noch nicht angezeigt... versteh ich nicht.

Hier ist der Teil aus dem Imageset:

Code: Alles auswählen

/* Global imageset items */
.imageset.site_logo {
	background-image: url("./images/site_logo.png“);
	padding-left: 532px;
	padding-top: 135px;
Boardversion ist 3.1.9

...und hier mal der komplette overall_header:

Code: Alles auswählen

<!DOCTYPE html>
<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1" />
{META}
<title><!-- IF UNREAD_NOTIFICATIONS_COUNT -->({UNREAD_NOTIFICATIONS_COUNT}) <!-- ENDIF --><!-- IF not S_VIEWTOPIC and not S_VIEWFORUM -->{SITENAME} - <!-- ENDIF --><!-- IF S_IN_MCP -->{L_MCP} - <!-- ELSEIF S_IN_UCP -->{L_UCP} - <!-- ENDIF -->{PAGE_TITLE}<!-- IF S_VIEWTOPIC or S_VIEWFORUM --> - {SITENAME}<!-- ENDIF --></title>

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}"><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news"><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums"><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics"><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active"><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}"><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}"><!-- ENDIF -->
	<!-- EVENT overall_header_feeds -->
<!-- ENDIF -->

<!-- IF U_CANONICAL -->
	<link rel="canonical" href="{U_CANONICAL}">
<!-- ENDIF -->

<!--
	phpBB style name: prosilver
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:
-->

<!-- IF S_ALLOW_CDN -->
<script>
	WebFontConfig = {
		google: {
			families: ['Open+Sans:600:cyrillic-ext,latin,greek-ext,greek,vietnamese,latin-ext,cyrillic']
		}
	};

	(function(d) {
		var wf = d.createElement('script'), s = d.scripts[0];
		wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js';
		wf.async = true;
		s.parentNode.insertBefore(wf, s);
	})(document);
</script>
<!-- ENDIF -->
<link href="{T_STYLESHEET_LINK}" rel="stylesheet">
<link href="{T_STYLESHEET_LANG_LINK}" rel="stylesheet">
<link href="{T_THEME_PATH}/responsive.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" media="all and (max-width: 700px)">

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<!-- ENDIF -->

<!-- IF S_PLUPLOAD -->
	<link href="{T_THEME_PATH}/plupload.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<!-- ENDIF -->

<!--[if lte IE 9]>
	<link href="{T_THEME_PATH}/tweaks.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<![endif]-->

<!-- EVENT overall_header_head_append -->

{$STYLESHEETS}

<!-- EVENT overall_header_stylesheets_after -->

</head>
<body id="phpbb" class="nojs notouch section-{SCRIPT_NAME} {S_CONTENT_DIRECTION} {BODY_CLASS}">

<!-- EVENT overall_header_body_before -->

<div id="wrap">
	<a id="top" class="anchor" accesskey="t"></a>
	<div id="page-header">
		<div class="headerbar" role="banner">
			<div class="inner">

			<div id="site-description">
				           <a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{SITE_LOGO_IMG}</a>
            <h1>{SITENAME}</h1>
            <p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

			<!-- EVENT overall_header_searchbox_before -->
			<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box" class="search-box search-header" role="search">
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
					<button class="button icon-button search-icon" type="submit" title="{L_SEARCH}">{L_SEARCH}</button>
					<a href="{U_SEARCH}" class="button icon-button search-adv-icon" title="{L_SEARCH_ADV}">{L_SEARCH_ADV}</a>
					{S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
			<!-- ENDIF -->

			</div>
		</div>
		<!-- EVENT overall_header_navbar_before -->
		<!-- INCLUDE navbar_header.html -->
	</div>

	<!-- EVENT overall_header_page_body_before -->

	<a id="start_here" class="anchor"></a>
	<div id="page-body" role="main">
		<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
		<div id="information" class="rules">
			<div class="inner">
				<strong>{L_INFORMATION}{L_COLON}</strong> {L_BOARD_DISABLED}
			</div>
		</div>
		<!-- ENDIF -->

		<!-- EVENT overall_header_content_before -->
Nach oben
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 8136
Registriert: 24.05.2010 08:31
Kontaktdaten:
Kontaktdaten von Kirk

Re: Header Grafik wird nicht angezeigt

Beitrag von Kirk »

Wenn ich mir deine imageset.css anschaue finde ich folgenden Code:

Code: Alles auswählen

background-image: url("./images/site_logo.png“);
Es sollte aber so aussehen:

Code: Alles auswählen

background-image: url("./images/site_logo.png");
Nach oben
SleazeRocker
Mitglied
Beiträge: 8
Registriert: 28.10.2016 02:03

Re: Header Grafik wird nicht angezeigt

Beitrag von SleazeRocker »

Das ist wohl nur hier ein Darstellungsfehler.
In der Datei ist es korrekt.

PS: ...oder hängt es doch damit zusammen?
Also in der Datei ist es korrekt.
Wo und wie genau hast du das gesehen? :grin:

PPS: Hab noch mal die Zeile per Hand geschrieben.
Nun gehts!

DANKE DANKE! :D
Nach oben
Antworten

Zurück zu „Styles, Templates und Grafiken“