PHPStyler

Door Remi , 20 jaar geleden, 6.368x bekeken

CSS met een PHP style mengen. Hierdoor word het onderhoud aan je site nog een stuk kleiner.

Laatste edit op: 24-07-08, PHPStyler is nu wat effectiever.

Gesponsorde koppelingen

Inhoudsopgave

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

 

Er zijn 22 reacties op 'Phpstyler'

PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
- -
- -
20 jaar geleden
 
0 +1 -0 -1
Ok?....
Ricardo Cino
Ricardo Cino
20 jaar geleden
 
0 +1 -0 -1
Momentje... Pas posten als je klaar bent he
Remi
Remi
20 jaar geleden
 
0 +1 -0 -1
ja dat deed ik dus eerst ook, word firefox onverwachts afgesloten en kon ik na een half uur scripten overnieuw beginnen..


20 jaar geleden
 
0 +1 -0 -1
Ooit gehoord van templates?
Remi
Remi
20 jaar geleden
 
0 +1 -0 -1
berichten zijn weer welkom ja..

@webmakerij
JA en volgens mij is dat toch echt CSS!!!
En HIER word gebruik gemaakt van CSS EN PHP: PHPSTYLER


20 jaar geleden
 
0 +1 -0 -1
Smarty

of gewoon de aloude vorm
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
<html>
...........
<body>
....
<div id="menu"><?php include "menu.php"; ?></div>
<div id="document"><?php
 include $_GET['document']; // ja dat kan veiliger, is slechts als voorbeeld
?>
</div>
.....
</html>
Jacco Engel
Jacco Engel
20 jaar geleden
 
0 +1 -0 -1
Ik denk dat het een van de langste nutteloze tuts is die ik ooit heb gezien. Verder zitten er volgens mij een paar dingen in die anders kunnen/moeten.

1. Je knoopt styles aan id's. Bij mijn weten zijn die daar niet voor bedoeld. Verder is het gewoon neit handig.

Als je met JS werkt en bijv dmv een knop ergens een kompleet andere style op wil gooien hoe doe je dat dan als je styles aan id's zijn gekoppeld? Als je je id's constant verandert gaat je andere JS helemaal over de zeik dus das geen optie. Als je dit met class aanpakt kun je gewoon

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<?php
document.getElementByID(element).className
?>


gebruiken.

2. Het voegt helemaal neits toe en je doet dingen omslagter dan nodig.

Vervolg van mn gezeik na mn lunchpauze.
Sven
Sven
20 jaar geleden
 
0 +1 -0 -1
@Jacco:
.1 Id's zijn zeer zeker wel bedoeld om te stylen, alleen is het aan jou om ze het slimste te grbruiken. Je kunt bijv. een id gebruiken voor de container, voor de header, voor het menu, de content en de footer, maar ga je allemaal id's gebruiken voor elke paragraaf of elk menu-item, dan is het natuurlijk verre van handing.

.2 Daar ben ik het helemaal met je mee eens :)
Ricardo Cino
Ricardo Cino
20 jaar geleden
 
0 +1 -0 -1
Ik snap het nut hier dus niet van..


20 jaar geleden
 
0 +1 -0 -1
Is dit niet gewoon logisch? Deze manier of een andere manier, dat kan je neem ik aan wel zelf bedenken...
Bovendien vind ik het niet zo'n handige manier eigenlijk...
- -
- -
20 jaar geleden
 
0 +1 -0 -1
Ik krijg zodadelijk een hartstilstand. Jullie mogen mijn PC + zooi aan Microsoft schenken, en de iPhone mag terug naar Apple. Het was leuk jullie gekend te hebben.

Dag.
Ricardo Cino
Ricardo Cino
20 jaar geleden
 
0 +1 -0 -1
@ hierboven,, Doei ?
Hipska BE
Hipska BE
20 jaar geleden
 
0 +1 -0 -1
Dit is idd het basisbeginsel van het hele systeem hoe templates werken. Mooi uitgelegd voor diegenen die dat echt nog niet zouden snappen. (de beginners dus)
Remi
Remi
20 jaar geleden
 
0 +1 -0 -1
nou okej, dan is het niet handig. je moet namelij k wel anders in elke pagina includen anders, voeg een extra menu toe en je moet alles weer wijzigen. en 2 keer includen kan ook niet dus dit leek me nog de enige oplossing... nou okej srry ik ben zelf nmlk iets verder dan beginner dus hier kan ik ook weer wat van leren, bedankt...
Robert Deiman
Robert Deiman
20 jaar geleden
 
0 +1 -0 -1
@Remi

Maar als je een menu toevoegt aan de ene pagina moet je dat ook doen bij alle andere pagina's. Dat s niet handig, je moet dan de html in elke pagina aanpassen.
Er zijn hier op de site een paar pagina scripts/ snippets te vinden, waarmee je de hele content eigenlijk binnen je index.php houdt. Voordeel is dat je alleen de index.php maar aan hoeft te passen. Content komt vanuit een ander bestand, maar die heeft ook (minder) met de lay-out van doen.
Michiel Prank
Michiel Prank
20 jaar geleden
 
0 +1 -0 -1
@Remi, de inzicht zit er. De kennis & ervaring komt vanzelf :)

Voor een wat simpeler templatesysteem, kijk naar TemplatePower. Niet te moeiljk om mee te beginnen, en je komt er vast ver mee.
Remi
Remi
20 jaar geleden
 
0 +1 -0 -1
@machiel
heheh een uitgeslapen iemand die niet allen commentaar geeft, maar ook een tip. Bedankt!

@robert
das nou de bedoeling hiervan: een menu hoef je slechts in style.php toe te voegen, tenzij je het menu op elke pagina anders wilt. maar dat lijkt me niet logisch....

@ de rest
een grotendeel van jullie, hoelang hebben jullie geslapen, na 4 maanden een kwartier? al dat commentaar zonder tip ziet er een beetje chagrijnig uit... :(

-------------------------------------------EDIT---------------------------------
even dit, er word veel gezeikt dat dit dus niet werkt terwijl dat juist verkomen moet worden hiermee!
1- dingen die in alle pagina's hetzelfde zijn hoef je slechts in style.php in te voegen, dus: meny, copyright, reclame etcetera.
2- je bespaart een hoop ruimte omdat je maar 1 keer je style maakt. 1 lange code dus maar.
3- javascript weet ik nog niks van. En er zullen er veel zijn met hetzelfde.
4- dit is ook handig voor om anderen hun site makkelijk te laten aanpassen. stel: je hebt een groot bedrijf en laat iemand anders je site maken omdat je daar zelf geen tijd voor hebt om al dat php en alles te leren. maar een titel en je tekst aanpassen kan je wel. nou, makkijk toch?
5-waarom werkt dit moeilijk? Een nieuwe pagina is al klaar met 5 regeltjes! Enkel de 2 styles zijn wat groter. en een pagina is gewoon te simpel aan te passen door zelfs mn neefje van 5!
en je hoeft maar 1 pagina aan te passen voeg je iets toe aan je menu: style.php.
dus echt niet moeilijk.
--------
dus wat was er niet goed?
Arian Stolwijk
Arian Stolwijk
20 jaar geleden
 
0 +1 -0 -1
Ik vind de tuturial wel oke;)

Het is zeer simpel en basaal, maar voor de beginner beginner, kan dit wel van pas komen.

het is makkelijker dan ??n index.php en dan ergens midden in een switch (of een lang else-if ding) en dan ??n pagina include.

Ik zou zelf een index.php maken, met een switch erin die de variabelen per pagina aanmaakt.
dus als je naar index.php?page=home gaat, dat de variabelen voor home.php worden gevult, en na de switch include hij dan styles.php

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
<?php
switch($_GET['page']){
  case:
'home':
     $title = 'bla';
     $tekst = 'hallo, welkom op mijn site';
   break;
  case:
'pagina2':
     $title = 'pagina2';
     $tekst = 'hallo, welkom op een andere pagina';
   break;
   default:

      $titel = 'error';
      $tekst = 'deze pagina bestaat niet';
   break;
}

include('styles.php');

?>


wat ook niet onbelangrijk is dat je controlleert of de variabelen wel bestaan, om errors te voorkomen.
je zou bijvoorbeeld bovenaan styles.php dit kunnen neerzetten:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
<?php
$titel
= (isset($titel) ? $titel : '');
$tekst = (isset($tekst) ? $tekst : '');
?>


Voor een simpele site vind ik dit systeem niet eens zo slecht.
Hoewel ik zelf een eigen cms heb gemaakt, volledig met OOP, MVC met het Zend Framework ;):P
Remi
Remi
20 jaar geleden
 
0 +1 -0 -1
@arian
TNX!!!!
dit is eigenlijk beter aan te passen dan mijn manier. ik heb nu slechts 3 bestanden nodig om een website te maken: style.php en .css en dit script: index.php!
k ga het even wijzigen, aangezien ik hier een hele grote big smile van krijg! :D
mareuhm volgens mij is dit ook hartstikke goed te gebruiken voor dat wat specialere sites :S
Remi
Remi
20 jaar geleden
 
0 +1 -0 -1
PHPStyler is gewijzigd: het werkt nu wat effectiever en er zijn maar 3 bestanden nodig voor je hele site. Nog steeds goed voor beginners :P
Mathijs -
Mathijs -
19 jaar geleden
 
0 +1 -0 -1
@remi
goed begin, volgende dingen:

grote lappen codes worden vaak wat onoverzichtelijk. heb het zelf op die manier gedaan en na een paar 1000 regels word t al wel aardig wat minder.

meerdere bestanden kan het ook nog is lekker overzichtelijk houden. Denk bijvoorbeeld aan verschillende classes, wil je een aanpassing doen, kan je mooi t jusite bestand pakken, in een keer de class voor je.

en ook geen vele regels maar alleen de regels van die class waardoor ik zelf de boom vaak beter kan vinden aangezien dat bos wat kleiner is..

daarnaast zou t met erg uitgebreide scripts wel is kunnen zijn dat je zit met een hele lading indents. aangezien indents juist bedoeld zijn om het overzichtelijk te maken zou het jammer zijn als je het tegenovergestelde effect krijgt.
(dit laatste is btw echt een persoonlijke voorkeur en ik kan me best voorstellen dat mensen het er niet mee eens zullen zijn).


zelfde idee heb ik met templates..
in mijn eigen systeem maak ik inderdaad een hoofd template, met daarin de standaard tags, verwijzingen naar css etc, en containers.

ik wil zelf alleen geen php code in de templates hebben.
gebruik ik liever eigen tags voor.
voorbeeldje hiervoor bij het inladen van een ander template bestand:
<!tpl%menu%>
of voor dynamische inhoud:
<!script%titel%>

en je raad het al, die andere templates zijn losse bestanden. hoe vaak komt het wel niet voor dat je niet altijd dezelfde templates nodig hebt? met een combinatie van die 2 kan je prima wisselen. (zit natuurlijk wel een beetje php achter).

en ja, ik vind dit ook weer makkelijker te bewerken en te doorzoeken (zolang je de bestanden een goede naam geeft), omdat je weet welk bestand wat precies doet,
je zit een stuk minder snel met fouten als de volgende:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
<div>
  <div>
inhoud
bladibla
  </div>

puur omdat je meer overzicht houd.


maar voor een kleine en redelijk statische template werkt jou systeempje prima.
PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
Nick
Nick
19 jaar geleden
 
0 +1 -0 -1
Wel mooi gemaakt dat is het
leuke! nou.

Om te reageren heb je een account nodig en je moet ingelogd zijn.

Inhoudsopgave

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

Labels

  • Geen tags toegevoegd.

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.