Rahmengrafik in der common.php wie?

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
Maggan22
Mitglied
Beiträge: 421
Registriert: 24.01.2008 11:29
Kontaktdaten:

Rahmengrafik in der common.php wie?

Beitrag von Maggan22 »

Hallöchen zusammen,

also, ich habe das Forum etwas schmaler und ich habe um das Forum einen Rahmen gemacht - border 5 px
Klappt super.
ABER ich möchte diesem Rahmen keine Farbe geben sondern eine Grafik!
Grafik liegt hier:
http://www.graphic-newbies.de/phpBB3/st ... es/HG2.png

Abschnitt der common.php:

/* Main blocks
---------------------------------------- */
#wrap {
padding: 0 20px;
min-width: 950px;
width: 950px;
margin: 0 auto;
border: 5px solid #b0b0b0;
border-image: url("{T_THEME_PATH}/images/HG2.png");
}

So bleibt der Rand aber grau - die Grafik wird nicht angezeigt.
Kann mir da jemand helfen?

Danke schonmal.


Edit 19. Mai 08.50 Uhr:

Rand wird hiermit zwar angezeigt:

#wrap {
padding: 0 20px;
min-width: 950px;
width: 950px;
background-color: #ffffff;
margin: 0 auto;
border: 6px solid #b0b0b0;
border-image:url(http://www.graphic-newbies.de/phpBB3/st ... es/HG2.png) 49 49 repeat;
-moz-border-image:url(http://www.graphic-newbies.de/phpBB3/st ... es/HG2.png) 10 10 repeat; /* Firefox */
-webkit-border-image:url(http://www.graphic-newbies.de/phpBB3/st ... es/HG2.png) 49 41 repeat; /* Safari, Chrome */
-o-border-image:url(http://www.graphic-newbies.de/phpBB3/st ... es/HG2.png) 49 41 repeat; /* Opera */
}

ABER nur rechts und Links, oben und unten fehlt er und der Internet Explorer kann den Rand auch nicht darstellen.

Könnte mir da jemand helfen?
Gruss Maggan22
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5041
Registriert: 08.06.2009 12:03

Re: Rahmengrafiken CSS in der common.css hinterlegen

Beitrag von Talk19zehn »

Prosilver Rahmen

Hello Maggan22,
CSS3, siehe bitte bei Bedarf:
viewtopic.php?p=1200890#p1200890
und
http://wiki.selfhtml.org/wiki/Doku:CSS/ ... ten/Rahmen

Oder, ein Versuch den ich seinerzeit mit einem Bild in den Maßen 640x480 px ausführte. Der Effekt war dadurch ganz witzig oder außergewöhnlich, --- (?) wie man es eben sieht. Ob sich jene Variation auf deine Vorstellungen übertragen ließe, kann ich nicht beurteilen. Ich verwende nämlich meist kein Hintergrundbild ( html,body..!). Die Anregung zu dem Konstrukt fand ich auf Effekt: Dient nur einer Demonstration
[ externes Bild ]

common.css

Code: Alles auswählen

#rahmen1 {
    background: #ffffff url(http://imageshack.us/img/frhling007bh8.jpg);
    margin: 52px;
    padding: 34px;
    border: 2px outset #ffffff;
}
#rahmen2 {
    background: #ffffff;
    padding: 5px;
}
#rahmen3 {
    background: #ffffff url(http://.imageshack.us/img/frhling007bh8.jpg);
    padding: 30px;
}
#rahmen4 {
    background: #ffffff;
    padding: 25px;
    border: 2px inset #191919;
}

Code: Alles auswählen

#wrap {
	width: 99%;
	margin: 0px auto;
	border: #ffffff 2px solid;
}
overall_header.html nach

Code: Alles auswählen

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
einfügen

Code: Alles auswählen

<div id="rahmen1">
<div id="rahmen2">
<div id="rahmen3">
<div id="rahmen4">
overall_footer.html
Wo du das Ende setzt, musst du mal schauen. Das war erinnerlich nicht ganz so einfach. Evtl. nach

Code: Alles auswählen

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

Code: Alles auswählen

</div></div></div></div><!-- ende rahmen1-4 //-->
.

Beachte bitte unbedingt die Darstellungen in den verschiedenen Browsern bzw. die Auflösungen. Evtl. sind Anpassungen der Abstände nötig. Ist halt nur ein Beispiel, kein fertiges Konstrukt in dem Sinne und für deinen speziellen Fall ggf. gar nicht anwendbar oder übertragbar?.... :wink:
Viel Glück
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
Antworten

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