Seite 1 von 1

Weiße Ecken

Verfasst: 04.03.2012 19:38
von Kokirijunge
Hallo Liebe Community

Ich bin gerade dabei, ein Style zu erstellen. Komme soweit auch zurecht. Nur habe ich weiße Ecken im Style. Kann mir jemand sagen, Wie die weg bekommen kann?

Danke schonmal
[ externes Bild ]

Re: Weiße Ecken

Verfasst: 04.03.2012 19:45
von Miriam
Indem Du Dir bspw. diese "runden" Hintergrundbilder nimmst und das Weiß transparent machst.

Re: Weiße Ecken

Verfasst: 04.03.2012 19:48
von Crizzo
Hi,

die werden diesem beiden Code stellen erzeugt:

Code: Alles auswählen

<span class="corners-top"><span></span></span>

<span class="corners-bottom"><span></span></span>
Die überall zu löschen ist sehr mühsam und führt zu anderen Darstellungsfehlern, da vor allem span.corners-bottom auch noch andere Dinge regelt, z.B. das "clearen":

Code: Alles auswählen

span.corners-bottom {
	background-image: none;
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
}
Deshalb ist es am einfachsten du löscht diese Einträge in der colours.css:

Code: Alles auswählen

span.corners-top {
	background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-top span {
	background-image: url("{T_THEME_PATH}/images/corners_right.png");
}

span.corners-bottom {
	background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-bottom span {
	background-image: url("{T_THEME_PATH}/images/corners_right.png");
}
Dann sind die Ecken weg und die Elemente haben keine "Rundenecken" mehr. Sind die "Rundenecken" allerdings gewünscht, musst du die beiden Bilddateien anders einfärben. ;)

Grüße

Re: Weiße Ecken

Verfasst: 04.03.2012 20:07
von Kokirijunge
Jep das hat funktioniert. Ich danke euch beiden für eure Hilfe.