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?
Rahmengrafik in der common.php wie?
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Rahmengrafik in der common.php wie?
Gruss Maggan22
- Talk19zehn
- Ehemaliges Teammitglied
- Beiträge: 5041
- Registriert: 08.06.2009 12:03
Re: Rahmengrafiken CSS in der common.css hinterlegen
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
overall_header.html nach
einfügen
overall_footer.html
Wo du das Ende setzt, musst du mal schauen. Das war erinnerlich nicht ganz so einfach. Evtl. nach
einfügen
.
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?....
Viel Glück
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;
}
Code: Alles auswählen
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
Code: Alles auswählen
<div id="rahmen1">
<div id="rahmen2">
<div id="rahmen3">
<div id="rahmen4">
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>
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?....

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.
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.