Een Stijl Maken of Aanpassen voor phpBB 3.3.x
Beschrijving: Deze handleiding is bedoeld voor phpBB-gebruikers die willen leren hoe ze een bestaande stijl kunnen aanpassen of een geheel nieuwe stijl kunnen maken, gebaseerd op de standaardstijl prosilver.
Categorieën: Stijlen
Link naar dit artikel: Selecteer alles
[url=https://www.phpbbextnl.be/kb/viewarticle?a=5]Kennisbank - Een Stijl Maken of Aanpassen voor phpBB 3.3.x[/url]
Een phpBB-stijl bevindt zich in de map styles/. Elke stijl heeft zijn eigen submap. Bijvoorbeeld:
Code: Selecteer alles
styles/
βββ prosilver/
β βββ style.cfg
β βββ template/
β βββ theme/
β βββ imageset/
βββ jouwstijl/
βββ style.cfg
βββ template/
βββ theme/
βββ imageset/
Elke stijlmap bevat een style.cfg-bestand met de metadata van de stijl. Voorbeeld:
Code: Selecteer alles
name = Mijnstijl
copyright = Β© JouwNaam
style_version = 3.3.0
phpbb_version = 3.3.0
parent = prosilver
- name: De naam van de stijl die in het beheerderspaneel wordt weergegeven.
- parent: (optioneel) Hiermee wordt de stijl gebaseerd op een andere stijl, meestal prosilver.
- template/ β Bevat .html-sjablonen voor de paginacontent.
- theme/ β Bevat CSS-bestanden, afbeeldingen en theme.cfg.
- imageset/ β (Optioneel) Voor afbeeldingsdefinities zoals knoppen of iconen.
Sjablonen (template/)
Je kunt HTML aanpassen in de sjabloonbestanden om lay-out en structuur te wijzigen.
Voorbeelden:
- overall_header.html
- overall_footer.html
- viewtopic_body.html
Thema (theme/)
Pas CSS-bestanden aan, zoals colours.css, om kleuren en opmaak te wijzigen.
Voorbeeld: wijzig de achtergrondkleur:
Code: Selecteer alles
html, body {
background-color: #f5f5f5;
}
Als je wijzigingen niet zichtbaar zijn, moet je waarschijnlijk de cache legen:
- Ga naar Beheerderspaneel > Algemeen > Cache legen
- Klik op "Nu uitvoeren"
- Upload je nieuwe stijlmap naar styles/
- Ga naar Beheerderspaneel > Aanpassingen > Stijlbehee > Installeer stijlen
- Klik op Installeren naast je stijl
- Stel de stijl eventueel in als standaard
- Werk bij voorkeur in een kopie van prosilver, zodat updates je stijl niet beΓ―nvloeden.
- Gebruik een duidelijke naam voor je stijl, zonder spaties of speciale tekens.
- Test je stijl op meerdere apparaten en schermformaten.
