@Talk19zehn
Da warst Du jetzt schneller - an einen ähnlichen Ansatz hatte ich ebenfalls gedacht
Dazu sollte dann, imho, auch gleich die overall_header.html etwas umgebaut werden.
@Lonley
Talk19zehn hat geschrieben:BTW: Subsilver2 in der Version 3.0.8 ist älter denn je.
Eben - falls Du dabei sein solltest, ein eigenes Board vorzubereiten, solltest Du zumindest den Style auf den Stand der von Dir verwendeten phpBB Version (3.0.14 ?) bringen, um möglichen Problemen vorzubeugen, die veraltete Styleversionen mit sich bringen können.
Auf die Schnelle ein möglicher Ansatz für Deine Hintergrundthematik (bitte vorher Files sichern):
1) Anpassen der Grafik
page-bg.jpg:
Schneide die schwarzen Bereiche links und rechts der eigentlichen Grafik weg (ein paar wenige Pixel für den Übergang kannst Du stehenlassen), so dass nur die Phantasielandschaft selbst stehen bleibt, und speichere es unter gleichem Namen im Verzeichnis ab.
Diese schwarzen Randbereiche brauchst Du nicht mehr.
2) HTML anpassen:
- in
overall_header.html
suche
Code: Alles auswählen
<body class="{S_CONTENT_DIRECTION}">
<div id="headerlogo"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></div>
<div id="pagebg"> </div>
<a name="top"></a>
<div id="container">
<div id="wrapper">
<div id="header"> </div>
<div id="Separador1" style="height:80px;"> </div>
<div id="contentbg">
ersetze durch
Code: Alles auswählen
<body class="{S_CONTENT_DIRECTION}">
<div id="wrapper">
<div id="headerlogo"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></div>
<div id="header"> </div>
<div id="contentbg">
Da jetzt ein öffnendes <div> gegenüber vorher fehlt:
in
overall_footer.html
suche
und lösche das
</div>
3) CSS anpassen:
in
stylesheet.css
suche
Code: Alles auswählen
body {
/* background: #000002;*/
color: #573325;
font-size: 10pt;
font-family: Verdana, Arial;
margin-bottom: 10px;
font-size: 10px;
}
ersetze durch
Code: Alles auswählen
body {
color: #573325;
font-size: 10pt;
font-family: Verdana, Arial;
margin-bottom: 10px;
font-size: 10px;
background-image: url("{T_THEME_PATH}/images/page-bg.jpg");
background-position: center top;
background-repeat: repeat-y;
background-color: #000000;
background-size: auto;
}
suche
Code: Alles auswählen
#headerlogo {
z-index:300;
LEFT: 50%;
Margin-left: -295px;
POSITION:absolute;
TOP:30px;
width:700px;
height:145px;
}
ersetze durch
Code: Alles auswählen
#headerlogo {
z-index:300;
position: relative;
width:100%;
height:145px;
text-align: center;
}
suche
Code: Alles auswählen
#wrapper {
width: 940px;
margin: 0 auto;
/*background: url("{T_THEME_PATH}/images/parchment-bg.jpg") top center repeat-y;*/
position: relative;
top: 88px;
}
ersetze durch
Code: Alles auswählen
#wrapper {
width: 940px;
margin: 0 auto;
position: relative;
top: 40px;
}
Ist, wie geschrieben, erst einmal nur ein grober Ansatz, an dem eventuell noch etwas gefeilt werden müsste.
Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)
