phpBB.de

Verfasst: **23.03.2010 22:32**

Hallo Leute,

ich bin am Aufbau eines neuen Board und verwende den Style Relief der auf prosilver basiert.
Allerdings ist beim Originalstyle sowie jetzt auch folglich bei meinem ein leichter "Schönheitsfehler".
Bei der Forenübersicht schimmert teilweise etwas hellblauer Hintergrund durch.

Hier zur besseren Verständnis ein Bildchen:

[ externes Bild ]

Wie kann ich das weg bekommen?

Gruß, HEADLINE

Verfasst: **24.03.2010 00:43**

Link zum Forum wäre nicht verkehrt.

Verfasst: **24.03.2010 09:02**

Sorry, das Forum ist noch nicht online sondern lokal mit XAMPP auf meinem Rechner.

Aber den Fehler sieht man auch bei phpbb3styles.net --> http://demo.phpbb3styles.net/Relief

Verfasst: **24.03.2010 09:31**

Gehe in die colours.css und ersetze

Code: Alles auswählen

.panel {
	background-color: #eef5f9;
	color: #FFFFFF;
}

mit

Code: Alles auswählen

.panel {
	background-color: #FFFFFF;
	color: #FFFFFF;
}

Das war's dann auch schon

edit: der "color" befehl... der gibt die schriftfarbe an. Also ich habs auf weiss, wenn du in der Datei suchst, solltest du nur

Code: Alles auswählen

.panel {
	background-color: #eef5f9;
}

suchen.

wobei "eef5f9" dieses hellblau is und "FFFFFF" weiss.

Verfasst: **24.03.2010 09:36**

Oh, da muß man aber sehr genau hinschauen.

Ich vermute mal, daran liegt's nicht, aber ab im Quelltext steckt ein Fehler:

# <a href="./index.php?style=611">
# <div style="height: 140px;">
#
# </div>
# </a>

http://validator.w3.org/check?uri=http% ... or%2F1.767

Ein DIV innerhalb eines Links geht natürlich nicht.

Zum eigentlichen Problem, der Fehler dürfte irgendwo in der content.css liegen

ul.forums {
background-color: #eef5f9;
background-image: url("./styles/Relief/theme/images/gradient.gif");
}

Das legt zumindest den störenden Blauton fest. Einfach mal background-color: #eef5f9; entfernen. Im Firebug entfernt das zumindest auch den störenden Blauton.

Verfasst: **24.03.2010 10:36**

Vielen Dank für Eure prompte Hilfe!

Ich fand folgendes in der colours.css;

Code: Alles auswählen

--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums {
	background-color: #eef5f9;
	background-image: url("{T_THEME_PATH}/images/gradient.gif");

und hab es so umgeändert;

Code: Alles auswählen

--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums {
	background-color: #FFFFFF;
	background-image: url("{T_THEME_PATH}/images/gradient.gif");

....der störende Blauton ist weg! *Juhu*

Dankende Grüße, HEADLINE

*******

Ahhh ja....

modernist hat geschrieben:Oh, da muß man aber sehr genau hinschauen.

Ich vermute mal, daran liegt's nicht, aber ab im Quelltext steckt ein Fehler:

# <a href="./index.php?style=611">
# <div style="height: 140px;">
#
# </div>
# </a>

http://validator.w3.org/check?uri=http% ... or%2F1.767

Also die Stelle habe ich in der overall_header.html gefunden.

Code: Alles auswählen

		<div class="headerbar">
			<div class="inner">
				<a href="{U_INDEX}">
				<div style="height: 140px;">
					
				</div>
				</a>
			</div>
		</div>

Mit was müsste ich das <div ersetzen?

Ich denke die Stelle gibt die Tabellenbreite an, wenn ich es z.B. mit einem <a> ersetze zieht es die Tabelle bis an den Rand....

Verfasst: **24.03.2010 11:11**

Tabellen sind da nicht vorhanden.

Wenn du das <a href="{U_INDEX}"> </a> entfernst, dann passiert nichts weiter, als daß das Headerbild nicht mehr verlinkt ist.
Dies läßt sich z.B. wie folgt umgehen:

Lösche

<div class="headerbar">
<div class="inner">
<a href="{U_INDEX}">
<div style="height: 140px;">

</div>
</a>
</div>
</div>

Ersetze es mit

<div class="headerbar">
<a title="Home" class="home" href="{U_INDEX}"></a>
</div>

Und dann noch eine Klasse in eine der vorhandenen CSS-Dateien einfügen (z.B. common.css):

.home {margin: 0;
padding: 0;
background: url("{T_THEME_PATH}/images/bg_header.gif") no-repeat center;
width: 900px;
height: 150px;
display:block;
}

Den URL-Pfad fürs Hintergrundbild bitte noch mal mit dem vorhanden Style überprüfen.

Folgendes müsstest du dann noch aus der common.css suchen und ändern:

Code: Alles auswählen

.headerbar {
	background-color: transparent;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
	color: #FFFFFF;
}

Hier die Zeile mit background-image: url("{T_THEME_PATH}/images/bg_header.gif"); löschen...ggf. weicht die Pfadangabe auch ab, ich kenne den Style nicht.

Verfasst: **24.03.2010 11:40**

Hallo modernist,

vielen Dank für Deine ausführliche und kompetente Lösung!
Ich habe das jetzt so abgeändert und es funktioniert alles einwandfrei!

Liebe Grüße und einen prima Tag wünscht Dir, HEADLINE

phpBB.de

"Schönheitsfehler" bei Style: Relief

"Schönheitsfehler" bei Style: Relief

Re: "Schönheitsfehler" bei Style: Relief

Re: "Schönheitsfehler" bei Style: Relief

Re: "Schönheitsfehler" bei Style: Relief

Re: "Schönheitsfehler" bei Style: Relief

Re: "Schönheitsfehler" bei Style: Relief

Re: "Schönheitsfehler" bei Style: Relief

Re: "Schönheitsfehler" bei Style: Relief