mobiele weergaven tweaken
mobiele weergaven tweaken
Wellicht kan iemand mij een klein beetje op weg helpen.
Ik wil in de mobile-view (max width: 550px) onder de gebruikersnaam, links bovenin, de locatie of een ander aangepast profielveld weergeven.
Ook wil ik daar de PM knop plaatsen
Om dit aan te passen heb ik een aantal classes gemaakt die alleen weergegeven worden in de @media only screen and (max-width: 550px), only screen and (max-device-width: 550px)
De forumlist_body heb ik op die manier goed kunnen aanpassen.
Maar hoe dan ik de juiste variable uit viewtopic_body halen?
Waar kan ik hardcopy de waarde van het profielveld vervangen, zodat niet alle profielvelden worden weergegeven?
{postrow.custom_fields.PROFILE_FIELD_VALUE}
Ik wil in de mobile-view (max width: 550px) onder de gebruikersnaam, links bovenin, de locatie of een ander aangepast profielveld weergeven.
Ook wil ik daar de PM knop plaatsen
Om dit aan te passen heb ik een aantal classes gemaakt die alleen weergegeven worden in de @media only screen and (max-width: 550px), only screen and (max-device-width: 550px)
De forumlist_body heb ik op die manier goed kunnen aanpassen.
Maar hoe dan ik de juiste variable uit viewtopic_body halen?
Waar kan ik hardcopy de waarde van het profielveld vervangen, zodat niet alle profielvelden worden weergegeven?
{postrow.custom_fields.PROFILE_FIELD_VALUE}
- Theriddler
- Berichten: 1103
- Lid geworden op: 20 apr 2012, 07:47
- Contacteer:
Re: mobiele weergaven tweaken
volgens mij is de juiste css code hiervoor:Brammetje schreef:Wellicht kan iemand mij een klein beetje op weg helpen.
Ik wil in de mobile-view (max width: 550px) onder de gebruikersnaam, links bovenin, de locatie of een ander aangepast profielveld weergeven.
Ook wil ik daar de PM knop plaatsen
Om dit aan te passen heb ik een aantal classes gemaakt die alleen weergegeven worden in de @media only screen and (max-width: 550px), only screen and (max-device-width: 550px)
De forumlist_body heb ik op die manier goed kunnen aanpassen.
Maar hoe dan ik de juiste variable uit viewtopic_body halen?
Waar kan ik hardcopy de waarde van het profielveld vervangen, zodat niet alle profielvelden worden weergegeven?
{postrow.custom_fields.PROFILE_FIELD_VALUE}
Code: Selecteer alles
.section-viewtopic dd.profile-naam_profiel_veld {display:none; }
naam_profiel_veld
veranderen naar de naam van het profiel veld welke je dan verborgen wil hebben.Re: mobiele weergaven tweaken
Ik bedoel eigenlijk welke waarde ik moet vervangen met PROFILE_FIELD_VALUE in de onderstaande code als ik alleen mijn extra toegevoegde veld (phpbb_test) wil laten weergeven.
Want wat ik wil bereiken is dat met een view onder de 550 er onder de naam een custom profiel veld wordt weergegeven ten samen met een knop om een PM te versturen.
Want wat ik wil bereiken is dat met een view onder de 550 er onder de naam een custom profiel veld wordt weergegeven ten samen met een knop om een PM te versturen.
Code: Selecteer alles
<!-- BEGIN custom_fields -->
<!-- IF not postrow.custom_fields.S_PROFILE_CONTACT -->
<dd class="profile-custom-field profile-{postrow.custom_fields.PROFILE_FIELD_IDENT}"><strong>{postrow.custom_fields.PROFILE_FIELD_NAME}{L_COLON}</strong> {postrow.custom_fields.PROFILE_FIELD_VALUE}</dd>
<!-- ENDIF -->
<!-- END custom_fields -->
- Theriddler
- Berichten: 1103
- Lid geworden op: 20 apr 2012, 07:47
- Contacteer:
Re: mobiele weergaven tweaken
whoei dat gaat me boven de pet vrees ik, maar ik weet niet of je engels goed is ,dan zou je het eens kunnen vragen op phpbb.com
https://www.phpbb.com/community/viewforum.php?f=481
https://www.phpbb.com/community/viewforum.php?f=481
Re: mobiele weergaven tweaken
Daar krijg ik geen reacties. Het werkt nu, maar is niet echt flexible, meer hardcode. Maar deel hem toch maar.,
Op de plek van *NAAM* geef je de werkelijke naam in van het veld, zoals bijvoorbeeld Locatie
OPEN
viewtopic_body.html
FIND
ADD AFTER
OPEN
responsive.css
FIND
ADD AFTER
FIND
ADD AFTER
OPEN
content.css
FIND
ADD AFTER
Op de plek van *NAAM* geef je de werkelijke naam in van het veld, zoals bijvoorbeeld Locatie
OPEN
viewtopic_body.html
FIND
Code: Selecteer alles
<!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->
Code: Selecteer alles
<!-- BEGIN custom_fields -->
<!-- IF postrow.custom_fields.PROFILE_FIELD_NAME eq "*NAAM*" -->
<div class="customprofilemobile"><strong>{postrow.custom_fields.PROFILE_FIELD_NAME}{L_COLON}</strong> {postrow.custom_fields.PROFILE_FIELD_VALUE}</div>
<!-- ENDIF -->
<!-- END custom_fields -->
responsive.css
FIND
Code: Selecteer alles
/* Forums and topics lists
----------------------------------------*/
Code: Selecteer alles
.customprofilemobile {
display: block;
}
Code: Selecteer alles
@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) {
Code: Selecteer alles
.customprofilemobile {
display: block;
}
content.css
FIND
Code: Selecteer alles
/* Content Styles
---------------------------------------- */
Code: Selecteer alles
.customprofilemobile {
display: none;
}