Geschrieben von haumi am 15.11.2010 um 17:23:
Schritt 2
Ich habe ein neues Templates erstellt mit namem: basic.
mit folgendem inhalt:
code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
|
<style type="text/css">
<!--
hr {
width:50%;
margin-left:0;
}
p {
color: red;
}
body {
background-color: #EEE8AA;
}
-->
</style> |
|
das tag: hr als selektor hat nun die Breite von 50% des Browserfensters zugewiesen bekommen und wird mit margin-left:0; linksbündig ausgerichtet.
das tag p hat eine rote Schriftfarbe zugewiesen bekommen.
das tag body die Hintergrundfarbe: #EEE8AA;
dieses Template habe ich wieder in der global.php eingebunden mit:
eval("\$basic = \"".$tpl->get("basic")."\";");
und zwar über der Zeile:
eval("\$headinclude = \"".$tpl->get("headinclude")."\";");
Die Variable $basic habe ich in das leere Template headinclude eingeschrieben:
Dieses headinclude wird ja im Templates index im head-bereich integriert.
Weiterhin habe ich den Text in der header-tpl gegen ein Bild ausgetauscht, dem Logo des Boards.
Die header-tpl hat nun folgenden Inhalt:
(man beachte, das im hr-tag keine formatierungsanweisungen mehr stehen)
code: |
1:
2:
3:
4:
5:
6:
|
<table>
<tr>
<td><img src="images/logo.gif" /></td>
</tr>
</table>
<hr /> |
|
im indextemplate wurde noch die Textzeile ind die p-tags eingebunden.
code: |
1:
|
<p>Ich bin der Hauptteil der Indexseite und befinde mich im template index.</p> |
|
dadurch wird die Schrift in rot angezeigt.
Nun sieht die indexseite schon wie folgt aus:
LG
haumi