Nieuwe skin (3)


Nu we stap 1 gedaan hebben, wordt het tijd voor stap 2.

Stap 2: Wijzigen subSilver-bestanden

Verwijzingen in de templates
In de *.tpl-bestanden is de naam subSilver hard gecodeerd. Om een juiste verwijzing te krijgen naar onze eigen template-bestanden is het noodzakelijk om deze aan te passen, overal waar /subSilver/ staat moet worden gewijzigd in /nieuwenaam/. Zelf heb ik dit gedaan door alle bestanden met de extensie .tpl te openen in de Context-editor. Via de optie zoeken en vervangen in alle geopende bestanden is het zo in een paar seconden klaar.

Stylesheet aanpassen
Het aanpassen van de stylesheet bewaren we voor later. Eerst gaan we zorgen dat het forum op de plek komt waar wij het willen hebben.

Aanpassen header en footer
Om het forum het zelfde uiterlijk te geven als de rest van de site gaan we allereerst ervoor zorgen dat onze eigen stylesheet in elke pagina geladen wordt.

  • open de bestanden overall_header.tpl, simple_header.tpl en admin/page_header.tpl en verwijder de inline-stylesheet
  • haal bij de regel waarin de stylesheet van het forum wordt aangeroepen de commentaar code weg
  • open de overall_header.tpl en voeg de volgende regel toe, onder de regel van de stylesheet van het forum:
  • haal in de overall_header.tpl de volgende regels weg:
    
    
     
    
    ...
    [knip]
    ...
    
    

    Hiermee verwijderen we de naam van het forum en het menu boven aan de pagina. Het menu zal straks terugkomen aan de rechterkant van de pagina.

Nu gaan we zorgen dat het forum als geheel op de plek verschijnt die wij willen.

  • open de overall_header.tpl en voeg voor de regel:

    de volgende code toe:

    Deze div heb ik gedefinieerd in mijn eigen stylesheet.

  • open de overall_footer.tpl en voeg voor de regel:

    de volgende regel toe:

Met deze regel sluiten we de div die we in de overall_header.tpl gedefinieerd hebben.

Nu hoeven we alleen de header nog maar in te voegen.