runde Ecken - oben funktioniert es, unten nicht

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
mbg
Mitglied
Beiträge: 79
Registriert: 07.10.2008 00:45

runde Ecken - oben funktioniert es, unten nicht

Beitrag von mbg »

Hallo zusammen,

ich habe mir aus mehreren Styles und meinen eigenen Vorstellungen einen eigenen erstellt. Nun ergibt sich folgendes Problem:
Oben sind die Ecken rund, wie sie sollen:

[ externes Bild ]

Ein Stück Code aus der boarder.css als Beispiel:

Code: Alles auswählen

 .top-left {
background-image: url("{T_THEME_PATH}/images/corners_top.gif"); background-repeat:no-repeat; 
background-position: 0 -20px; 
margin-left: 1px;  
margin-top: 0px;  
margin-right: 9px; 
}

Unten jedoch sind immer noch Ecken zu erkennen.

[ externes Bild ]

Ich habe die Ecken schon rot eingefärbt und dabei festgestellt (wenn ich die Positionen verändere), daß diese hinter dem weißen Layer liegen.

Hier ein Codeteil für unten:

Code: Alles auswählen

    .bottom-left  {
       background-image: url("{T_THEME_PATH}/images/corners_bottom.gif"); background-repeat:no-repeat;
background-position: 0 0px;
margin-right: 0px; 
margin-left: 0px; 
margin-top: 0px; 
       }

Zwischen den Zwei Ecken liegt noch eine zentrale Grafik (auch weiß). Ich habe schon versucht diese auszublenden, aber das hilft auch nichts.

Code: Alles auswählen

           .bottom-center {
       background-image: url("{T_THEME_PATH}/images/bg_footers.gif"); 
background-position: 0 0px; 
height: 10px;  font-size: 2px; 
margin-left: 20px; 
margin-top: -20px;
margin-right: 20px;
margin-bottom: -20px; 
       }          
Hat jemand eine Idee?


Grüße Karsten
Lucan
Mitglied
Beiträge: 416
Registriert: 08.01.2007 22:43

Beitrag von Lucan »

Nen Link zum Forum wäre hilfreich.
mbg
Mitglied
Beiträge: 79
Registriert: 07.10.2008 00:45

Beitrag von mbg »

Link auf Anfrage ;)
Zuletzt geändert von mbg am 04.11.2008 22:47, insgesamt 1-mal geändert.
Lucan
Mitglied
Beiträge: 416
Registriert: 08.01.2007 22:43

Beitrag von Lucan »

Wenn ich das richtig sehe, sind das oben und unten jeweils Grafiken in den Ecken, also musst du für unten nur ein transparentes Bild erstellen, was diese runden ecken hat und durch das jetzige Bild ersetzen, dann sollte das ganze funktionieren.
mbg
Mitglied
Beiträge: 79
Registriert: 07.10.2008 00:45

Beitrag von mbg »

Das habe ich schon versucht. Ich lege in meinem Testforum nochmal meine orangen Ecken auf und mache Dir einen Screenshot. Vielleicht hast hast Du dann den richtigen Tipp für mich.
mbg
Mitglied
Beiträge: 79
Registriert: 07.10.2008 00:45

Beitrag von mbg »

[ externes Bild ]

Ich habe mir jetzt nicht die Mühe gemacht es genauer anzupassen, aber man sieht deutlich, daß die Ecke unter dem anderen Bild verschwindet.
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“