Saphire Flyff HP Problem/Frage

[yeay]

Hi,

Mag dumm klingen, hab aber ein kleines Problem. Folgendes, ich bin dabei die Saphire Flyff HP umzudesignen. Nur jetzt hab ich solche blauen Ränder, obwohl ich die Datein eigentlich schon bearbeitet hab. Weiß wer wo ich die Datein von den blauen Rändern finde?

[♪Chiqupon♫]

das is die style.css

[yeay]

sorry, aber wie beheb ich das? Hab keine Ahnung von Codes.

[♪Chiqupon♫]

welche Farben willste denn haben ?
Hier ist ne Farbtabelle

[yeay]

So rot wie auf dem Screen.

[Averro]

Originally Posted by ♪Chiqupon♫

welche Farben willste denn haben ?
Hier ist ne Farbtabelle

zieh die farbe aus der tabelle und ersetz sie einfach mit der alten inner style.css

[yeay]

Das Ding ist, ich find die Farbe aus der Tabelle nicht. Ich hab da 2 Farbcodes gefunden, aber das sind ganz andere Farben, einmal Schwarz und einmal braun.

[Marv!n]

Folgende Einträge sind dafür verantwortlich:

[style.css, Zeile 122-137]


.website .page .contents .col .boxContainer {
	background: url(../images/website/box/bg.png) repeat-y top center #2d96cd;
	padding: 7px;

	border: 1px solid hsla(190, 85%, 50%, 1);
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.30); -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.30); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.30);
}
	.website .page .contents .col .boxContainer .box {
		background: hsla(0, 0%, 92%, 1);
		padding: 5px; margin-top: 8px;
		border: 1px solid rgba(0, 0, 0, 0.30);

		border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
		box-shadow: 0 0 0 1px hsla(190, 85%, 50%, 1); -webkit-box-shadow: 0 0 0 1px hsla(190, 85%, 50%, 1); -moz-box-shadow: 0 0 0 1px hsla(190, 85%, 50%, 1);
	}

[style.css, Zeile 182-196]


.website .page .contents .main-col .contentContainer {
	background: url(../images/website/content/bg.png) repeat-y top center #2d96cd;
	padding: 7px;

	border: 1px solid hsla(190, 85%, 50%, 1);
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.30); -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.30); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.30);
}
	.website .page .contents .main-col .content, .website .page .contents .main-col .slider {
		background: hsla(0, 0%, 92%, 1);
		padding: 5px;
		border: 1px solid rgba(0, 0, 0, 0.30);
		border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
		box-shadow: 0 0 0 1px hsla(190, 85%, 50%, 1); -webkit-box-shadow: 0 0 0 1px hsla(190, 85%, 50%, 1); -moz-box-shadow: 0 0 0 1px hsla(190, 85%, 50%, 1);
	}

Bei den beiden Containern (.boxContainer/.contentContainer) ist es der border-Wert. Bei den beiden danach folgenden Einträgen sind es sämtliche box-shadow-Einträge.

Den hsl(a)-Farbcode ziehe ich der rgb/HEX-Variante vor. Es ist meinem Ermessen nach wesentlich einfacher, mit hsl(a) eine Farbe so zu ändern, wie es einem beliebt, wenn man dort den Dreh einmal heraushat. Ein kleiner Tipp am Rande für die Firefoxnutzer unter euch: Installiert euch das Addon Firebug, ist ein umfangreicherer Quelltextviewer, als der, den es mit F12 standardmäßig gibt. Es lohnt sich, gerade bei solchen Dingen.

Originally Posted by yeay

Mag dumm klingen, hab aber ein kleines Problem

Ich leiste für die v2 Support, daher gibt es keine dummen Fragen. Dumm (eventuell ist das Wort in diesem Sinnzusammenhang etwas zu hart) ist, wenn man nicht fragt. ;-)

[NewMoonx]

Es handelt sich dabei immer um Images:

inlay_middle.png

Hab den CSS-Code durchgeschaut, dort sind Ränder hinterlegt, aber der betrifft nicht, wonach du suchst

Beispiel:

img.introimage, iframe {border:1px #1c90ed solid;}

falls dus später benötigst, ist aber meines Wissens für die Introseite, die sie hatten.

[Marv!n]

Originally Posted by NewMoonx

Hab den CSS-Code durchgeschaut, dort sind Ränder hinterlegt, aber der betrifft nicht, wonach du suchst

Du bist vollständig im Recht, wenn es um die erste Version der Website geht. Allerdings - bitte nicht vor den Kopf gestoßen oder auf den Schlips getreten fühlen, das ist nicht meine Absicht - bist du im Unrecht, wenn es um die zweite Version geht, denn dort habe ich möglichst viel mit den hübschen CSS-"Neuerungen" herumhantiert, um auf den top-/middle-/bottom-Krams zu verzichten.

Zwar zickt dann der Internet Explorer unter Umständen herum, aber ich gehe kaum davon aus, dass in dieser Sektion großartig viel mit ebendiesem Explorer herumhantiert wird. Wie es auf mobilen Endgeräten aussieht, konnte ich aufgrund dem Fehlen in meinem Besitz ebendieser nicht überprüfen.

[NewMoonx]

Gut möglich, weiß nichts von einer 2. Version, daher besitz ich wohl die alte
Aber du als der Designer solltest das ja auch besser wissen

[Marv!n]

Fehler war ein falscher Farbcode in der background-Eigenschaft.

#closerequest

[Reavern]

#closed