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)
PHP script in nieuw venster Selecteer het PHP script
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
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;
}


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)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
<div id="menu">
<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>>

« Lees de omschrijving en reacties

Inhoudsopgave

  1. Inleiding
  2. style.css en style.php maken
  3. style.php en index.php PHPStyleren
  4. Een div toevoegen
  5. Uitbreiden

PHP tutorial opties

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.