"Schönheitsfehler" bei Style: Relief

[HEADLINE]

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

[modernist]

Link zum Forum wäre nicht verkehrt.

[HEADLINE]

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

[5p4c3]

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.

[modernist]

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.

[HEADLINE]

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....

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....

[modernist]

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.

[HEADLINE]

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