Weißen Rand um Forum

[Berkley]

Hallo Phpbb-Community!

Ich habe vor, dass ringsherum des Forums ein Art Rahmen entsteht.
Wer das nicht verstanden haben sollte, und davon gehe ich jetzt mal aus, hier ein Link:
Hier

Hoffe, ihr habt eine Antwort für mich.
Danke bereits im Voraus!
Gruß

[aurora876]

wär ja jetzt ganz toll gewesen, wenn du noch dein template verraten hättest.
oder anders gefragt: wenn die das verlinkte template so gut egefällt, warum nimmst du das dann nicht für dein forum?

[Berkley]

Oh, Tut mir leid.

Ich nutze den Style Prosilver, der gefällt mir sowieso am besten.
Mir gefällt an dem Forum nur der weiße Hintergrund!

[aurora876]

Oh, Tut mir leid.

Ich nutze den Style Prosilver, der gefällt mir sowieso am besten.
Mir gefällt an dem Forum nur der weiße Hintergrund!

den style, den du da ausgewählt hast, der basiert auf prosilver.
du kannst dir also den web developer (plugin für den firefox) nehmen und dir den quellcode anzeigen lassen mit dem dazugehörigen CSS.
ich denke mal, die haben das forum noch in einen extra div-container gesteckt, die abgerundeten ecken dran gemacht und den bereich ganz außen dann umgefärbt.
für den nachbau wär es evtl. ratsam, sich den style doch runterzuladen.

[Talk19zehn]

Mit CSS 3 könnte man es schaffen, ohne Umfärberei? Wenn man damit leben kann, dass ggf. ältere Browser einen Rahmen eckig anstatt rund darstellen und der IE nicht immer das macht, was er soll, hatte ich folgende Idee: Prosilver

Anmerkung: Das Forum ist zusätzlich in der Breite zu ändern.

Theme: Beispiel

Code: Alles auswählen

#wrap {
padding: 5px 25px;
width: 92%;
margin: 0px auto;
}

Theme ergänzen:

Code: Alles auswählen

/* CSS 3 Runde Ecken 
---------------------------*/
.forenrahmenrundecken {
border: 6px solid #12A3EB;
background-color:white;
padding: 20px 25px 20px 25px;
-moz-border-radius: 10px;
-khtml-border-radius: 30px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

overall_header.html

Nach

Code: Alles auswählen

<div id="wrap">

fügte ich hinzu

Code: Alles auswählen

<div class="forenrahmenrundecken">

overall_footer.html --> Div schließen, siehe --> <!-- Ende Forenrahmenrundeecken -->
Ein wenig mehr Code zur Orientierung:

Code: Alles auswählen

//-->

<div class="copyright">Powered by <a href="http://www.phpbb.com/">phpBB</a> &copy; 2000, 2002, 2005, 2007 phpBB Group
<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
<!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
<!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
</div>
</div>

</div>
</div><!-- Ende Forenrahmenrundeecken -->
<div>
<a id="bottom" name="bottom" accesskey="z"></a>
<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>

Ich habe nur mit der Farbe der Headerbar experimentiert.

Hat jemand Verbesserungsvorschläge, - gibt es weitere Ideen?


Viele Grüße

[Berkley]

Das hat bei mir funktioniert, genau so, wie ich es haben wollte.
Ich danke dir! =)

[Talk19zehn]

Freut mich, Berkley!

Nehmen wir an, jemand hat im Theme unter html, body die Hintergrundfarbe #010423 hinterlegt, könnte die Anweisung für Border wie folgt lauten:

Code: Alles auswählen

border: 6px solid #010423;

Und, nehmen wir an, jemand hat ein Hintergrundbild hinterlegt, könnte die Anweisung für Border bspw. bezogen auf die Inhaltsfarbe "white" lauten:

Code: Alles auswählen

border: 6px solid #FFFFFF;

Mir gefällt´s. Viele herzliche Grüße