Maak een account aan voor volledige toegang tot alle functies.

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]

πŸ“ 1. Structuur van de map
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/
Je kunt een nieuwe stijl maken door de map van een bestaande stijl te kopiΓ«ren en de naam ervan te wijzigen.

πŸ“ 2. Het bestand style.cfg
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
Toelichting:
  • 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.
phpBB zal bestanden van de ouderstijl gebruiken als ze niet aanwezig zijn in je eigen stijlmap.

🎨 3. Mappen van de stijl
  • template/ – Bevat .html-sjablonen voor de paginacontent.
  • theme/ – Bevat CSS-bestanden, afbeeldingen en theme.cfg.
  • imageset/ – (Optioneel) Voor afbeeldingsdefinities zoals knoppen of iconen.
Let op: In moderne stijlen zoals prosilver zijn veel afbeeldingen vervangen door CSS-iconen. De map imageset/ wordt dus minder vaak gebruikt.

✏️ 4. Bestanden aanpassen

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
Vergeet niet de templatecache te vernieuwen nadat je wijzigingen hebt aangebracht.

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;
}
Na wijzigingen in CSS-bestanden moet je ook de cache van het thema vernieuwen via het beheerderspaneel of handmatig.

βš™οΈ 5. Cache legen
Als je wijzigingen niet zichtbaar zijn, moet je waarschijnlijk de cache legen:
  1. Ga naar Beheerderspaneel > Algemeen > Cache legen
  2. Klik op "Nu uitvoeren"
Of handmatig via FTP: verwijder de bestanden in de map cache/, behalve .htaccess en index.htm.

βœ… 6. Stijl installeren en activeren
  1. Upload je nieuwe stijlmap naar styles/
  2. Ga naar Beheerderspaneel > Aanpassingen > Stijlbehee > Installeer stijlen
  3. Klik op Installeren naast je stijl
  4. Stel de stijl eventueel in als standaard

πŸ” 7. Tips voor het aanpassen
  • 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.

πŸ“š Meer leren?
Nieuw
Bezoek onze phpBB downloadpagina – Volledige pakketten, taalbestanden & geavanceerde updates
Download nu β†’

Aanmelden of Registreer


Protected with 8G Firewall, Blackhole, Plesk Firewall & ModSecurity ~