Radius in den Ecken

[FBU]

Hallo Leute,
zu Beginn, ich nutze den Style "we_universal" (Downloadlink: http://demo.phpbb3styles.net/we_universal)

Folgendes Problem:
Ich habe mir den Style etwas abgeändert und personalisiert. Jetzt ist mir aufgefallen, dass in den Tabellenüberschriften in der Forumübersicht in den Hintergrundecken so komische Radien sind.

Ich hab mal ein Beispiel beigefügt:
[ externes Bild ]

Kann mir jemand verraten wie ich diese Radien (links und rechts) wegbekomme?

Gruß
Flo

[Würzi]

Moin,

mache einfach alle corners_left und corners_right Dateien im theme Ordner transparent und dann sind die Rundungen weg.

Wenn das noch nicht hilft, dann in der theme/content.css folgenden Eintrag bearbeiten (ersetze einfach die 8px immer gegen 0px ist am einfachsten für dich denke ich)

Code: Alles auswählen

/* Forums table */
.forums-wrapper {
	background: url("{T_THEME_PATH}/images/bg_list.png") repeat-x;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

Glaub ich zumindest...

Mfg dat Wuerzi

[FBU]

Hi,
die Änderung an der Datei hatte keine Wirkung

Die Dateien mit den Ecken sind für den "Persönlichen Bereich" - hatte ich vorhin schon in der Kur^^ Also sprich auch keine Änderung

Aber Danke für deine Hilfe

lg Flo

[Miriam]

KB:tippstyles

[FBU]

Hi,
das Thema ist bereits bekannt. Hab ich auch alles so gemacht nach jeder Änderung. Trotzdem keinerlei Veränderung mit den Radien.

Trotzdem Danke für den Tipp!

Gruß
Flo

[Talk19zehn]

Hi, ergänzend meine Idee (kein fertiges Konzept für dein Style)

Abbildung deines Bildes persönlicher Bereich - was geschieht, wenn du in der cp.css Ecken nicht nutzt?

Code: Alles auswählen

#cp-main span.corners-top, #cp-menu span.corners-top {
	background-image: none;
}

#cp-main span.corners-top span, #cp-menu span.corners-top span {
	background-image: none;
}

#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
	background-image: none;
}

#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
	background-image: none;
}

/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
	background-image: none;
}

#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
	background-image: none;
}

#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
	background-image: none;
}

#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
	background-image: none;
}

Und die bspw. in der colour.css notierten Ecken hast du entsprechend deiner Hintergrundfarbe sicherlich gefärbt?

LG

[FBU]

Hi,
das Bild ist nicht der Persönliche Bereich, sondern die Hauptansicht/Startseite des Forums.

Die Bildchen was im Image Ordner liegen sind für den Persönlichen Bereich.

Vielleicht etwas ungenau ausgedrückt

Lg Flo

[Talk19zehn]

Oh, du hast dich richtig ausgedrückt! Ich habe nicht genau genug gelesen und hingesehen.

content.css

Das Original:

Code: Alles auswählen

/* Forums tables */
.forums-wrapper {
	background: url("{T_THEME_PATH}/images/bg_list.png") repeat-x;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

Und darin hätte meines Erachtens der Vorschlag von Würzi greifen müssen.

Code: Alles auswählen

/* Forums tables */
.forums-wrapper {
	background: url("{T_THEME_PATH}/images/bg_list.png") repeat-x;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

Wobei "Null" natürlich wenig Sinn macht und ich insofern jene Zeilen löschen würde.


Oder, wenn du damit leben kannst, dass Browserwelten Unterschiede darbieten: Beispiel

Code: Alles auswählen

/* Forums tables */
.forums-wrapper {
	background: url("{T_THEME_PATH}/images/bg_list.png") repeat-x;
	border: 1px solid;
	border-radius: 5px 5px 5px 5px;
}

Probiere es einfach mal aus oder verrate uns, wo du border überall zum Einsatz bringst.
So wäre eine hilfreiche Idee bestimmt auch möglich, wenn die bereits vorgeschlagenen Änderungen in deinem Fall nicht gegriffen haben.

Viele Grüße