Naar inhoud springen

Help:Responsive web design: verschil tussen versies

k
Aanpassingen voor verbeterde weergave op mobiele apparaten
k (Aanpassingen voor verbeterde weergave op mobiele apparaten)
k (Aanpassingen voor verbeterde weergave op mobiele apparaten)
Regel 13: Regel 13:


Zaken die aangepakt moeten worden (aanvullingen zijn welkom):
Zaken die aangepakt moeten worden (aanvullingen zijn welkom):
* De welkomst tekst op de homepage is wat aan de grote kant op de mobiele versie --> opgelost.
* ✅ De welkomst tekst op de homepage is wat aan de grote kant op de mobiele versie --> opgelost.
* Tekst "Hoofdpagina" (pagina titel) op de hoofdpagina proberen weg te halen
* ✅ Tekst "Hoofdpagina" (pagina titel) op de hoofdpagina proberen weg te halen --> kleiner weten te maken met een stukje code van MediaWiki hoofdpagina.
* Sommige afbeeldingen schalen en passen keurig op de mobiele versie maar andere niet.
* Sommige afbeeldingen schalen en passen keurig op de mobiele versie maar andere niet.
* Tekst in kolommen; aanpassen aan aanbevelingen in artikel.
* Tekst in kolommen; aanpassen aan aanbevelingen in artikel.
* De sjablonen voor flexkolommen werken niet helemaal naar behoren op de mobiele versie (blijven te breed).
* De sjablonen voor flexkolommen werken niet helemaal naar behoren op de mobiele versie (blijven te breed).
* Breuken werken niet altijd goed op de mobiele versie (oorzaak sjablonen fraq en sfaq?) --> opgelost (.css hiervoor ook in mobile.css gezet).
* ✅ Breuken werken niet altijd goed op de mobiele versie (oorzaak sjablonen fraq en sfaq?) --> opgelost (.css hiervoor ook in mobile.css gezet).


==Titel en ondertitel==
==Titel en ondertitel==
Regel 42: Regel 42:
<p class=ondertitel>De encyclopedie van het Woudagemaal</p>
<p class=ondertitel>De encyclopedie van het Woudagemaal</p>
----
----
==Verkleinen paginatitel op hoofdpagina==
De pagina titel "Hoofdpagina" op de hoofdpagina nam erg veel ruimte in en voegde niets toe. Was vooral op de mobile versie storend. Opgelost door te kijken hoe dit op de hoofdpagina van [https://www.Mediawiki.org MediaWiki] opgelost was. Volgende stukje code overgenomen en ook op de hoofdpagina van Wouda's Wiki geplaatst:
<pre>
{{DISPLAYTITLE:<span style="opacity:0;position:absolute;">{{FULLPAGENAME}}</span>}}
</pre>
<br>
<br>
[[Category:Help]]
[[Category:Help]]
4.504

bewerkingen