Saphire Flyff HP Problem/Frage

05/21/2013 16:28 yeay#1
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?

[Only registered and activated users can see links. Click Here To Register...]
05/21/2013 16:48 ♪Chiqupon♫#2
das is die style.css
05/21/2013 17:39 yeay#3
sorry, aber wie beheb ich das? Hab keine Ahnung von Codes.
05/21/2013 17:47 ♪Chiqupon♫#4
welche Farben willste denn haben ?
Hier ist ne Farbtabelle
[Only registered and activated users can see links. Click Here To Register...]
05/21/2013 17:51 yeay#5
So rot wie auf dem Screen.
05/21/2013 19:09 Averro#6
Quote:
Originally Posted by ♪Chiqupon♫ View Post
welche Farben willste denn haben ?
Hier ist ne Farbtabelle
[Only registered and activated users can see links. Click Here To Register...]
zieh die farbe aus der tabelle und ersetz sie einfach mit der alten inner style.css
05/21/2013 21:10 yeay#7
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.
05/21/2013 21:46 Marv!n#8
Folgende Einträge sind dafür verantwortlich:
Code:
[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);
	}
Code:
[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.



Quote:
Originally Posted by yeay View Post
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. ;-)
05/21/2013 21:58 NewMoonx#9
Es handelt sich dabei immer um Images:
Quote:
inlay_middle.png
Hab den CSS-Code durchgeschaut, dort sind Ränder hinterlegt, aber der betrifft nicht, wonach du suchst

Beispiel:
Quote:
img.introimage, iframe {border:1px #1c90ed solid;}
falls dus später benötigst, ist aber meines Wissens für die Introseite, die sie hatten.
05/21/2013 22:09 Marv!n#10
Quote:
Originally Posted by NewMoonx View Post
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.
05/21/2013 22:17 NewMoonx#11
Gut möglich, weiß nichts von einer 2. Version, daher besitz ich wohl die alte :D
Aber du als der Designer solltest das ja auch besser wissen ;)
05/22/2013 14:05 Marv!n#12
Fehler war ein falscher Farbcode in der background-Eigenschaft.

#closerequest
05/22/2013 14:06 Reavern#13
#closed