Profiel informatie centreren

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB3.
Plaats reactie
Gebruikersavatar
Joost01
Berichten: 544
Lid geworden op: 29 mar 2013, 12:24
Locatie: Nederland

Profiel informatie centreren

Bericht door Joost01 » 21 dec 2016, 19:51

Hoi hoi ,


Ik wil graag de profiel informatie zoals (gebruikersnaam, avatar, rank en profielfields) centreren zoal in de topics als op de profielen zelf.
Kan iemand mij hiermee opweg helpen? :)

En als tweede vraag wat aansluit op de eerste, wil ik de rank title eruit hebben dus alleen afbeeldingen wil ik laten zien. :)


Bedankt voor je tijd en hulp alvast.
- Screenshot -
Wijziging: Bericht bijgewerkt
Forumversie: 3.2.0
Stijl: prosilver Special Edition

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

Re: Profiel informatie centreren

Bericht door El torro » 22 dec 2016, 17:44

Kun je niet beter iemand inhuren voor alle veranderingen die je wenst?

Gebruikersavatar
Ger
Berichten: 4864
Lid geworden op: 03 jan 2006, 22:23
Locatie: 192.68.1.100
Contacteer:

Re: Profiel informatie centreren

Bericht door Ger » 23 dec 2016, 09:50

El torro schreef:Kun je niet beter iemand inhuren voor alle veranderingen die je wenst?
Dit is een support forum dus we moeten er vanuit gaan dat mensen hier komen voor advies over hoe ze het zelf kunnen doen. Zoniet, dan kan het prikbord gebruikt worden. :)

@Joost: in prosilver gebaseerde stijlen kun je volgens mij in colours.css zoeken naar:

Code: Selecteer alles

.postprofile {
	color: #666666;
	border-color: #FFFFFF;
}
en dat veranderen in:

Code: Selecteer alles

.postprofile {
	color: #666666;
	border-color: #FFFFFF;
	text-align: center;
}

Gebruikersavatar
Joost01
Berichten: 544
Lid geworden op: 29 mar 2013, 12:24
Locatie: Nederland

Re: Profiel informatie centreren

Bericht door Joost01 » 23 dec 2016, 14:46

Ger schreef:
@Joost: in prosilver gebaseerde stijlen kun je volgens mij in colours.css zoeken naar:

Code: Selecteer alles

.postprofile {
	color: #666666;
	border-color: #FFFFFF;
}
en dat veranderen in:

Code: Selecteer alles

.postprofile {
	color: #666666;
	border-color: #FFFFFF;
	text-align: center;
}
Top, dankjewel Ger de profiel informatie staat nu gecentreerd zoal in de topics als op de gebruiker accounts.
Alleen de avatar staat nog niet in gecentreerd helaas, en de rank titel wil ik graag weg hebben op de gebruikeraccounts. :) Kun je me ook hierbij helpen?
Forumversie: 3.2.0
Stijl: prosilver Special Edition

Gebruikersavatar
Ger
Berichten: 4864
Lid geworden op: 03 jan 2006, 22:23
Locatie: 192.68.1.100
Contacteer:

Re: Profiel informatie centreren

Bericht door Ger » 23 dec 2016, 16:27

Mja, daarvoor moet ik toch even de stijl zelf zien, maar je forum is gesloten voor niet leden. Heb je een demo-inlog waarmee we kunnen kijken, of kun je een forum openzetten?

Gebruikersavatar
Joost01
Berichten: 544
Lid geworden op: 29 mar 2013, 12:24
Locatie: Nederland

Re: Profiel informatie centreren

Bericht door Joost01 » 23 dec 2016, 16:52

Ik stuur je een PM met de login gegevens!
Forumversie: 3.2.0
Stijl: prosilver Special Edition

Gebruikersavatar
Ger
Berichten: 4864
Lid geworden op: 03 jan 2006, 22:23
Locatie: 192.68.1.100
Contacteer:

Re: Profiel informatie centreren

Bericht door Ger » 24 dec 2016, 15:18

Om de avatar te centreren:
Open content.css en zoek:

Code: Selecteer alles

.postprofile .avatar {
	display: block;
	float: left;
	max-width: 100%;
}
Vervang door:

Code: Selecteer alles

.postprofile .avatar {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
Een rangtitel zie ik niet, behalve de afbeelding die je hebt toegevoegd.

Gebruikersavatar
Joost01
Berichten: 544
Lid geworden op: 29 mar 2013, 12:24
Locatie: Nederland

Re: Profiel informatie centreren

Bericht door Joost01 » 24 dec 2016, 18:27

Top, bedankt Ger!
Hoe krijg ik nu op het profiel de rank gecentreerd en de rank title weg?
Forumversie: 3.2.0
Stijl: prosilver Special Edition

Gebruikersavatar
Ger
Berichten: 4864
Lid geworden op: 03 jan 2006, 22:23
Locatie: 192.68.1.100
Contacteer:

Re: Profiel informatie centreren

Bericht door Ger » 27 dec 2016, 11:49

Je hebt 2 keuzes. De meest chique manier is om het prosilver bestand memberlist_view.html te kopieren naar de templatemap van jouw stijl en daar aan te passen. Dat betekent echter ook dat je het zelf steeds handmatig moet updaten, want de stijlauteur gaat dat niet voor je doen.

Iets minder chique is het volgende toevoegen aan common.css:

Code: Selecteer alles

/* Hide rank title in memberlist view */
#viewprofile .left-box:first-of-type dd:first-of-type {
   display: none;
}
Dat zal verwacht ik niet in alle browsers werken, maar bij het gros van je gebruikers (>95%) wel. En dan is het ook niet zo'n ramp dat er een titeltje staat lijkt mij persoonlijk.

De rank image is al gecentreerd volgens mij?

Gebruikersavatar
Joost01
Berichten: 544
Lid geworden op: 29 mar 2013, 12:24
Locatie: Nederland

Re: Profiel informatie centreren

Bericht door Joost01 » 27 dec 2016, 16:52

Top Ger heb voor de 2e optie gekozen deze werkt.
Umm alleen de avatar moet nog gecentreerd dan is het opgelost. xD
Forumversie: 3.2.0
Stijl: prosilver Special Edition

Gebruikersavatar
Ger
Berichten: 4864
Lid geworden op: 03 jan 2006, 22:23
Locatie: 192.68.1.100
Contacteer:

Re: Profiel informatie centreren

Bericht door Ger » 28 dec 2016, 08:33

Joost01 schreef:Umm alleen de avatar moet nog gecentreerd dan is het opgelost. xD

Code: Selecteer alles

.profile-avatar {
    text-align: center;
}

Gebruikersavatar
Joost01
Berichten: 544
Lid geworden op: 29 mar 2013, 12:24
Locatie: Nederland

Re: Profiel informatie centreren

Bericht door Joost01 » 29 dec 2016, 17:09

Top dankjewel voor de hulp Ger !
Forumversie: 3.2.0
Stijl: prosilver Special Edition

Plaats reactie