Benelux United Gaming

Fonta · (This post was last modified: 31-01-2016, 04:10 by Fonta.)

De laatste tijd ben ik bezig geweest met het omzetten van het BuG thema voor het forum.
In plaats van een vaste layout die er niet uit zag op tablets en op telefoons, heb ik deze nu omgebouwd naar full responsive.
De eerste vraag die ik kreeg was, "Wat is er nou eigenlijk anders?".
En eerlijk is eerlijk, als je niet weet waar je precies naar moet kijken, dan zijn de verschillen inderdaad niet meteen zichtbaar.
Maar als je weet waar je moet kijken, dan zijn de verschillen opeens wel heel erg groot.
Daarnaast zijn er ook verschillen die je niet ziet, die zitten voornamelijk in de html.
Tabellen zijn divjes geworden en de opbouw is hier en daar anders. Zo zit het BuG logo nu niet alleen in de bovenste balk van het menu,
maar overlapt hij beide balken. Daarbij lopen de balken ook niet meer helemaal tot de zijkant van het scherm, maar zijn deze net zo breed als het forum zelf. Op de achtergrond is het menu zelfs helemaal opnieuw opgebouwd.
Voor het gemak heb ik even wat screenshots gemaakt van het oude en het nieuwe thema in verschillende situaties want plaatjes zeggen veel meer dan woorden!

Meteen ook even een disclaimer: ik heb het thema live gezet omdat het naar mijn idee voldoende werkbaar is. Dit betekent echter niet dat ik al klaar ben, er is nog een hoop wat omgebouwd moet worden en van jullie hoor ik graag waar jullie tegen aan lopen en wat jullie het belangrijkst vinden om als eerste aan te pakken.

Let's start with the obvious. De index pagina:

Oud:
[Image: 1ZWY0se.png]

nieuw:

Als je naar beneden scrollt, blijft de menubalk in beeld, dat had ik in het oude thema als eens ingebouwd maar het logo zit er nu ook in:
Oud:
[Image: 9TJhyxF.png]

Nieuw:

En omdat het nu responsive is, past de pagina zich aan naar hoe groot je scherm is ipv dat alles buiten beeld gaat:
Nieuw index page:
[Image: IKoQi7e.png]