Een div toevoegen
Nu gaan we een div toevoegen aan CSS, bijvoorbeeld een menu of copyright, verzin maar iets. Ik ga een menu doen hier.
Als we dan een div aan CSS hebben toegevoegd, zou dat dus in al je pagina's ook gezet moeten worden, en dat kan veel werk zijn.. Terwijl je maar heel weinig toevoegt. Het word nu duidelijk wat PHPStyer oplost!
Je nieuwe CSS code:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
body {
color: #4D4D4D;
font-family: Arial;
font-size: 0.8em;
line-height: 1.8em;
text-align: center;
background: #E6E6E6;
}
#container {
width: 766px;
text-align: left;
margin: 0px auto 0 auto;
background: #FFFFFF ;
line-height: 1.0em;
}
#content {
float: left;
width: 400px;
margin: 10px 10px 0 10px;
padding: 0;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
#menu {
float: left;
width: 150px;
margin: 10px 0 0 10px;
padding: 0;
color: #787878;
}
color: #4D4D4D;
font-family: Arial;
font-size: 0.8em;
line-height: 1.8em;
text-align: center;
background: #E6E6E6;
}
#container {
width: 766px;
text-align: left;
margin: 0px auto 0 auto;
background: #FFFFFF ;
line-height: 1.0em;
}
#content {
float: left;
width: 400px;
margin: 10px 10px 0 10px;
padding: 0;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
#menu {
float: left;
width: 150px;
margin: 10px 0 0 10px;
padding: 0;
color: #787878;
}
Zo, nu hebben we een div voor menu gemaakt in CSS, en in plaats van dat die simpele div in al je pagina's gezet moet worden, hoef je m enkel in style.php te zetten: DIT is dus het grote nut van PHPStyler.
We gaan hem toevoegen aan style.php, Voeg het volgende toe voordat de div content begint.
Code (php)
1
2
3
4
2
3
4
<div id="menu">
<a href="index.php?page=home">Index</a>
<a href="index.php?page=pagina2>pagina 2"></a>
</div>
<a href="index.php?page=home">Index</a>
<a href="index.php?page=pagina2>pagina 2"></a>
</div>
Open index weer in je browser, en tadaa menu is toegevoegd door maar 2 bestanden aan te passen!!!
Dit moet wel duidelijk zijn hoe functioneel PHPStyler is!
Volgende pagina>>
« vorige pagina | volgende pagina »