round corner + box aus dem Header entfernen

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
Unseen
Mitglied
Beiträge: 36
Registriert: 02.06.2006 12:05

round corner + box aus dem Header entfernen

Beitrag von Unseen »

Hi Leute,

ich möchte gerne die round cornered box aus dem Header von Prosilver entfernen.
Für die Box vermute ich, muss ich lediglich den rot markierten eintrag aus der stylesheet.css entfernen. Nun möchte ich aber auch noch die round corners entfernen, aber nur die aus der headerbar.
Was muss ich hierfür noch tun?

Vielen Dank schonmal!

Link zum Forum

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background: #ebebeb none repeat-x 0 0;
color: #FFFFFF;
margin-bottom: 4px;
padding: 0 5px;
}

.navbar {
background-color: #ebebeb;
padding: 0 10px;
}

.forabg {
background: #b1b1b1 none repeat-x 0 0;
margin-bottom: 4px;
padding: 0 5px;
clear: both;
}

.forumbg {
background: #ebebeb none repeat-x 0 0;
margin-bottom: 4px;
padding: 0 5px;
clear: both;
}

.panel {
margin-bottom: 4px;
padding: 0 10px;
background-color: #f3f3f3;
color: #3f3f3f;
}

.post {
padding: 0 10px;
margin-bottom: 4px;
background-repeat: no-repeat;
background-position: 100% 0;
}

.post:target .content {
color: #000000;
}

.post:target h3 a {
color: #000000;
}

.bg1 { background-color: #f7f7f7;}
.bg2 { background-color: #f2f2f2; }
.bg3 { background-color: #ebebeb; }

.rowbg {
margin: 5px 5px 2px 5px;
}

.ucprowbg {
background-color: #e2e2e2;
}

.fieldsbg {
/*border: 1px #F0E4CD solid;*/
background-color: #eaeaea;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
font-size: 1px;
line-height: 1px;
display: block;
height: 5px;
background-repeat: no-repeat;
}

span.corners-top {
background-image: none;
background-position: 0 0;
margin: 0 -5px;
}

span.corners-top span {
background-image: none;
background-position: 100% 0;
}

span.corners-bottom {
background-image: none;
background-position: 0 100%;
margin: 0 -5px;
clear: both;
}

span.corners-bottom span {
background-image: none;;
background-position: 100% 100%;
}

.headbg span.corners-bottom {
margin-bottom: -1px;
}

.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
margin: 0 -10px;
}

.rules span.corners-top {
margin: 0 -10px 5px -10px;
}

.rules span.corners-bottom {
margin: 5px -10px 0 -10px;
}
Modest
Mitglied
Beiträge: 176
Registriert: 26.03.2007 19:29

Beitrag von Modest »

Ne, da musst du nichts in der css machen. du musst in den overall_header.html gehen und dort den header suchen und dort die runden ecken entfernen. rounded corner einer ist über den header und einer unter. ist eh nicht so schwer.

mfg
Homepage:
http://pugf.pu.funpic.de wird später mal http://www.Pixel2Prog.de wenn alles fertig ist^^
Unseen
Mitglied
Beiträge: 36
Registriert: 02.06.2006 12:05

Beitrag von Unseen »

achso, ok, dann schau ich mir das da mal an, danke!
Antworten

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