phpbb 3 Templates anpassen - Img Tag

Moni_70 · Beitrag von **Moni_70** » 13.03.2008 22:22

Hallo zusammen!

in meinem alten phpbb2 war ich ja mit meinen Templatedateien vertraut und habe da auch gut drin rumgewurschtelt.

Da ja nun phpbb3 kaum noch html-tags mehr verarbeitet, hab ich ein Problem mit der Struktur, wir wo und warum Templates worauf zurückgreifen.

Ich will ein wenig meinen Header aufhübschen und dort noch einen Banner einfügen - was nicht funktioniert ...

Könnte mir da jemand behilflich sein? Oder zumindest einen Link zu einer Erklärung wie die Tamplates nun strukturiert sind?

Danke!

grüßle
Moni

jb_alvarado · Beitrag von **jb_alvarado** » 14.03.2008 08:24

Wenn man mal drin ist, gehts eigentlich. Habe auch ein paar Tage gebraucht. In den html Files hast du dein Layout-Gerüst und in den css Files sind dann die Eigenschaften vergeben. Die wichtigsten css sind colours.css und common.css. In der colours.css sind die Farben und meisten Images vergeben, dort verlinkst du auch deinen Banner. In der commen.css sind hauptsächlich Größen und Positionen vergeben.
Für einen Banner musst du in die colours.css gehen, und dort unter dem Abschnitt:

Code: Alles auswählen

/* Round cornered boxes and backgrounds
---------------------------------------- */

das "background-image:" anpassen. Also z.B. so:

Code: Alles auswählen

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background-color: #000000;
	background-image: url("{T_THEME_PATH}/images/bangk.jpg");
	color: #CCCCCC;
}

Jetzt werden aber deine round corners nicht mehr passen. Das kannst du in der "overall_header.html" anpassen. Endweder packst du in das div (id="wrap") weitere divs rein, oder du tust dort eine Tabelle rein.

Wir haben ne Tabelle rein getan, war etwas angenehmer und so konnte ich leichter noch ein paar Links neu positionieren. Das Ergebnis schaut so aus:

Code: Alles auswählen


</head>

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

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
		<div id="page-header">
		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<div id="site-description">
	<!--logo old		<a href="{U_INDEX}" title="{L_INDEX}" id="logo" >{SITE_LOGO_IMG}</a>		-->
				<table border="0" width="890px" height="134px"><td height="11px"></td>
				<tr><td width="35px"></td><td width="700px"><h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p></td><td class="hgbild_anmeldung">

				<!-- IF not S_IS_BOT -->

					<br />
					<!-- IF not S_USER_LOGGED_IN --><class="icon-register"><a href="{U_REGISTER}"></a><!-- ENDIF -->
					<class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a>
				<!-- ENDIF -->
					 <br />

	<!-- IF S_DISPLAY_PM --> <a href="{U_PROFILE}" title="{L_PROFILE}">{L_PROFILE}</a><br />
					 <a href="{U_PRIVATEMSGS}" accesskey="u">{PRIVATE_MESSAGE_INFO}</a> <!-- ENDIF -->


				</td>
				<td width="5px" align="right"></td>
				</tr>

				</table>
				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
			</div>

Moni_70 · Beitrag von **Moni_70** » 14.03.2008 09:31

Aaaaah wunderbar der Tip! Werde mich dann mal damit beschäftigen.

Danke!

Grüßle
Moni