Profiel mobiel vriendelijker maken

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB3.
Plaats reactie
Gebruikersavatar
Sintforum
Berichten: 117
Lid geworden op: 13 aug 2020, 10:51

Profiel mobiel vriendelijker maken

Bericht door Sintforum » 19 jul 2021, 15:54

Op de mobiele versie van het forum vind ik de profielpagina nog wat rommelig en onoverzichtelijk.
Een aantal dingen die ik anders wil zien op de mobile pagina:

- Het blokje 'gebruikersstatistieken' wil ik verbergen
- Lettergrootte wil ik aanpassen
- Iets meer afstand tussen de regels
- De koppen (zoals gebruikersnaam, groepen, locatie, etc) wil ik vetgedrukt

Hoe krijg ik dit voor mekaar? Ik had al wat geprobeerd in 'responsive.css', maar niets lijkt te helpen.

De avatar heb ik rond gemaakt met

Code: Selecteer alles

border-radius: 75px;

Gebruikersavatar
Sintforum
Berichten: 117
Lid geworden op: 13 aug 2020, 10:51

Re: Profiel mobiel vriendelijker maken

Bericht door Sintforum » 19 jul 2021, 16:15

Het is toch gelukt door dingen aan te passen in 'responsive.css'.
Waaronder de tekst-grootte en de afstand van links:

Code: Selecteer alles

	dl.details dt, dl.details dd {
		width: auto;
		float: none;
		text-align: left;
		font-size: 1.2em;
		margin-left: 10px;
	}
Nu vraag ik mij alleen nog af hoe ik een afstand creëer tussen de regels en hoe ik het gebruikersstatistieken verberg.

Gebruikersavatar
Sintforum
Berichten: 117
Lid geworden op: 13 aug 2020, 10:51

Re: Profiel mobiel vriendelijker maken

Bericht door Sintforum » 19 jul 2021, 16:22

Code: Selecteer alles

line-height: 1.7em;
Deze inmiddels toegevoegd om de regelhoogte aan te geven.

Gebruikersavatar
Sintforum
Berichten: 117
Lid geworden op: 13 aug 2020, 10:51

Re: Profiel mobiel vriendelijker maken

Bericht door Sintforum » 19 jul 2021, 17:10

Ik zou het ook mooier vinden als in de response/mobiele de tekst achter de dubbele punt komt de staan.

Niet zo:
Gebruikersnaam:
Danny
Maar zo:
Gebruikersnaam: Danny
Hoe doe ik dat?

Gebruikersavatar
El torro
Berichten: 4165
Lid geworden op: 02 sep 2014, 21:28
Locatie: In het zonnige zuiden
Contacteer:

Re: Profiel mobiel vriendelijker maken

Bericht door El torro » 19 jul 2021, 17:48

Over welke pagina heb je het nu?

Gebruikersavatar
Sintforum
Berichten: 117
Lid geworden op: 13 aug 2020, 10:51

Re: Profiel mobiel vriendelijker maken

Bericht door Sintforum » 19 jul 2021, 18:23

Profielpagina van een gebruiker.

Gebruikersavatar
El torro
Berichten: 4165
Lid geworden op: 02 sep 2014, 21:28
Locatie: In het zonnige zuiden
Contacteer:

Re: Profiel mobiel vriendelijker maken

Bericht door El torro » 19 jul 2021, 19:35

Ik denk wel dat dat met een reden is gedaan maar als je het wil veranderen moet je (o.a.) in common.css zijn regen 665 "Float"

Gebruikersavatar
Sintforum
Berichten: 117
Lid geworden op: 13 aug 2020, 10:51

Re: Profiel mobiel vriendelijker maken

Bericht door Sintforum » 19 jul 2021, 20:50

Kan ik het kopje 'gebruikersstatistieken' op de response/mobiele pagina verbergen op de een of andere manier?

Gebruikersavatar
El torro
Berichten: 4165
Lid geworden op: 02 sep 2014, 21:28
Locatie: In het zonnige zuiden
Contacteer:

Re: Profiel mobiel vriendelijker maken

Bericht door El torro » 19 jul 2021, 21:16

Dan moet je het

Code: Selecteer alles

.stat-block
in de

Code: Selecteer alles

responsive.css
laten verdwijnen door er een max-width aan te geven.

Plaats reactie