phpBB.de

Verfasst: **18.01.2010 20:30**

ergibt immernoch kein sichtbares ergebnis...

immernoch einteilig

http://ofdff.tazzi.org/

hier nochmal die aktuelle css

http://www.phpbb.de/support/pastebin.ph ... view&s=377

sowie die footer und die header

http://www.phpbb.de/support/pastebin.ph ... view&s=378
http://www.phpbb.de/support/pastebin.ph ... view&s=379

edit: seh grad, die bilder kleben nun am fußende..da sollen sie natürlich nicht sein

Verfasst: **20.01.2010 09:26**

push..

Verfasst: **22.01.2010 18:26**

help bitte bitte

Verfasst: **27.01.2010 09:19**

weiß da keiner rat??

Verfasst: **28.01.2010 15:30**

Hallo tazzi!

WEEDman hat geschrieben:<div class="backgroundleft"></div>
<div class="content"></div>
<div class="backgroundright"></div>[/code]

und in einer .css lägst du dann für backgroundleft den linken Hintergrund fest (mit fixed), für backgroundright den rechten Hintergrund (mit fixed) und für content lägst du dein body-Hintergrund fest (mit repeat)

Bei dir stimmt die Struktur schon einmal nicht, denn bei dir sieht das in etwa so aus:

Code: Alles auswählen

<div class="backgroundleft"></div>
<div class="content"><!-- dein ganzes phpBB-zeugs --><div class="backgroundright"></div></div>

Finde zunächst mal in der overall_footer.html diese Stelle:

Code: Alles auswählen

</div><div id="backgroundright"></div>

    </div>

	</td>
</tr>
</table>

und ändere das so:

Code: Alles auswählen

</div>

    </div>
<div id="backgroundright"></div>
	</td>
</tr>
</table>

Alles weitere, wie z.B. Positionierung, Höhe oder Breite musst du dann in der css-Datei festlegen.
Wir kriegen das schon hin.

Mal so nebenbei:
Arbeitest du mit dem Editor im ACP oder bearbeitest du die Dateien direkt (also runterladen, Datei bearbeiten, Datei hochladen, Template bzw. Theme aktualisieren)?

Verfasst: **28.01.2010 19:38**

danke schön. werds gleich versuchen.
ich bearbeite die dateien zur zeit übers acp

edit. so den overall footer hab ich wie beschrieben geändert. caches geleert. nix anders

Verfasst: **28.01.2010 20:31**

tazzi hat geschrieben:nix anders

Wir sind ja auch noch nicht fertig damit.

tazzi hat geschrieben:ich bearbeite die dateien zur zeit übers acp

Ich halte den anderen Weg für günstiger, weil man da normalerweise weniger unliebsame Überraschungen erlebt.
Weiter geht's:
Dieser Abschnitt deiner stylesheet.css wird nicht so richtig verarbeitet:

Code: Alles auswählen

// drei geteilter Hintergrund

div#background3left {
background-image: url(./images/backgroundL.jpg);
background-color:darkblue;
width:366px;
height:1200px;
background-attachment: fixed;
}
div#backgroundright {
background-image: url(./images/backgroundR.jpg);
background-color:darkblue;
width:366px;
height:1200px;
background-attachment: fixed;
}

Zumindest der erste Teil davon.
Ersetze diesen Abschnitt mal damit:

Code: Alles auswählen

/* drei geteilter Hintergrund */

div#background3left {
background: darkblue url(./images/backgroundR.jpg) no-repeat fixed 0 0;
float:left;
width:366px;
height:1200px;
}

div.background3content {
float:left
}

div#backgroundright {
background: darkblue url(./images/backgroundR.jpg) no-repeat fixed 0 0;
float:right;
width:366px;
height:1200px;
}

Für div.background3content solltest du außerdem noch mit width eine Breite festlegen.

Offtopic:
Gehe ich richtig in der Annahme, dass du einen ziemlich großflächigen Bildschirm mit hoher Auflösung nutzt?
Bei dem, was du da umsetzen willst, bleibt bei einer durchaus gängigen Auflösung von 1024x768 für das eigentliche Forum nicht sehr viel Platz übrig.

Verfasst: **29.01.2010 08:57**

so, habs entsprechend geändert, nun kleben die bilder schonmal nicht mehr am fußende sondern direkt unter dem header bereich.

ich hab ne auflösung von 1280x800.
die bilder muß ich aber so nehmen da die band, für die ich das mache, gern hätte, daß das forum einen wiedererkennungswert zum myspace account hat, und da ist es eben auch so. und dort ist eben auch in der mitte alles geschriebene und rechts und links eben diese beiden bandbilder.
hier

und ich bearbeite nun direkt die dateien

edit: bei

Code: Alles auswählen

div.background3content {
float:left
width:366px;
}

habe ich außerdem noch ein ; ergänzt hinter float

Verfasst: **29.01.2010 13:09**

Dir fehlt jetzt das hier noch in der stylesheet.css:

Code: Alles auswählen

div#backgroundright {
background: darkblue url(./images/backgroundR.jpg) no-repeat fixed 0 0;
float:right;
width:366px;
height:1200px;
}

Für den linken und den rechten div-Container würde ich die Breite auf jeden Fall verringern.
Probiere statt 366px mal 120px (oder einen anderen Wert, auf jeden Fall weniger als 366px).
Für das Forum würden dann zumindest so um die 700px übrig bleiben.

Wenn wir das so machen, dann musst du das hier aus der overall_footer.html herausnehmen:

Code: Alles auswählen

<div id="backgroundright"></div>

und in die overall_header.html hier einfügen:

Code: Alles auswählen

<div id="background3left"></div><div class="background3content">

Das sieht dann hinterher so aus:

Code: Alles auswählen

<div id="background3left"></div>
<div id="backgroundright"></div>
<div class="background3content">

D. h. zuerst werden die beiden div-Container links und rechts postiert und der div-Container mit dem Forum schiebt sich dann dazwischen.

PS: Auf der anderen Seite haben die das ganz anders gelöst. Dort wird nämlich nur ein Hintergrundbild für den body-Bereich verwendet. Die Breite des eigentlichen Inhalts wurde dann einfach so gewählt, dass dieser Dreiteilungseffekt entsteht.

Verfasst: **29.01.2010 13:40**

also in der footer hab ichs rausgenommen.
die header sieht nun im entsprechenden abschnitt so aus

Code: Alles auswählen

		<a href="{U_FAQ}">{L_FAQ}</a>
		<!-- IF S_DISPLAY_SEARCH --> &#8226; <a href="{U_SEARCH}">{L_SEARCH}</a><!-- ENDIF -->
		<!-- IF not S_IS_BOT -->
			<!-- IF S_DISPLAY_MEMBERLIST --> &#8226; <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
		<!-- ENDIF -->
		<!-- IF not S_IS_BOT --> &#8226; <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- ENDIF -->
	</div>
<div id="background3left"></div>
<div id="backgroundright"></div>
<div class="background3content">
	<div id="contentrow">


<!-- IF not S_IS_BOT && not $CA_SKIP_PM_NOTIFY && S_USER_LOGGED_IN && S_DISPLAY_PM -->
	<!-- IF S_USER_NEW_PRIVMSG -->
		<div class="pm-notify-new"><div class="pm-notify-header">{L_PRIVATE_MESSAGES}</div><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a></div>
	<!-- ELSEIF S_USER_UNREAD_PRIVMSG -->

achso: jetzt hab ich bei den hintergründen noch nen "außenrahmen" der dunkelblau ist. ich hätte es lieber, wenn der hintergrund komplett mit anschlag links und rechts ist.

ps. ja ich weiß, daß ist ein komplettbild, das ist ja auch mein problem, ich möchte in der mitte keine feste breite, denn je nach auflösung soll sich das forum ja anpassen.
warum einfach, wenns auch kompliziert geht *g*

phpBB.de

Hintergrund dreigeteilt

Re: Hintergrund dreigeteilt

Re: Hintergrund dreigeteilt

Re: Hintergrund dreigeteilt

Re: Hintergrund dreigeteilt

Re: Hintergrund dreigeteilt

Re: Hintergrund dreigeteilt

Re: Hintergrund dreigeteilt

Re: Hintergrund dreigeteilt

Re: Hintergrund dreigeteilt

Re: Hintergrund dreigeteilt