Header van het type phpBB3 op phpBB2

Vorige onderwerp Volgende onderwerp Ga naar beneden

Tutorial Header van het type phpBB3 op phpBB2

Bericht van TonnyKamper op wo 11 jul 2018 - 0:34

Header van het type phpBB3 op phpBB2

Om de templates te kunnen wijzigen van je forum in phpBB2 moet je de oprichter zijn!

Hier is een voorbeeld hoe het met een blauwe header eruit kan zien:
(de header is het blauwe kader, achter het logo)

1. De Template wijzigen:


Laten we beginnen met de Template te wijzigen. Een kleine verandering van helemaal niets, maar essentieel.
Klik zo nodig eerst op geavanceerd en ga naar:

Beheerderspaneel Display Templates - Algemeen

Klik op het   icoon naast de template 'overall_header' en zoek naar:
Code:
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- BEGIN switch_logo_left -->
Vervang dit door:
Code:
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr class="headerbar">
<!-- BEGIN switch_logo_left -->
Bevestig en publiceer de template!

2. De header aanpassen via CSS


Ga naar:

Beheerderspaneel Display Kleuren - CSS tab

Plak de volgende code in het invoervlak:
Code:
.headerbar {
background-attachment: fixed ;
background-color: #color ;
background-image: url ("url_van_de_achtergrondafbeelding");
background-repeat: repeat ;
background-position: top left ;
}
Vervang # color door het kleurnummer van je keuze en vervang de afbeeldings url door die van jouw afbeelding!
Valideer onderaan en je header zal normaal achter het logo verschijnen!

Uitleg:


.headerbar {
background-attachment: fixed;
background-color: # color; /* zonder spatie tussen het hekje en je kleurnummers*/
background-image: url("url_van_de_achtergrondafbeelding");
background-repeat: repeat;
background-position: top left;
}

  • In het zwart:
    Als je wilt dat de afbeelding niet scrolt wanneer je naar beneden gaat, voer je fixed in.
    Als je wilt dat de afbeelding mee scrollt terwijl je omlaag gaat, voer je scroll in
  • In het rood:
    Verander # color in de achtergrondkleur die je aan het gebied wilt toewijzen, bijvoorbeeld rood is: #FF0000
  • In het blauw:
    Vervang url_van_de_achtergrondafbeelding door de url van jouw achtergrondfoto (banner) als je die wilt hebben.
  • In het groen:
    Zodat het beeld zichzelf niet herhaalt, schrijf: no-repeat
    Om de afbeelding in mozaïek te laten herhalen schrijf: repeat
    Om de afbeelding horizontaal te herhalen, schrijf: repeat-x
    Om de afbeelding vertikaal te herhalen, schrijf: repeat-y
  • In het bruin:
    Om de bovenkant in te stellen, schrijf: top
    Om de onderkant in te stellen, schrijf: bottom
    Om midden in het midden uit te lijnen, schrijf: center
    Om links uit te lijnen, schrijf: left
    om rechts uit te lijnen, schrijf: right

avatar

TonnyKamper
Hulp Moderator
Hulp Moderator

Vrouw Aantal berichten : 221
Geboortedatum : 23-10-54
Leeftijd : 63
Taal : Nederlands, Engels
Locatie : Nederland
Registratiedatum : 15-02-15
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://www.nederlandheelt.nl/ http://punt.forumactie.com
TonnyKamper is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum