Seite 1 von 1

Rahmengrafik in der common.php wie?

Verfasst: 19.05.2011 00:48
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?

Re: Rahmengrafiken CSS in der common.css hinterlegen

Verfasst: 19.05.2011 12:42
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