Reposition Flags over the avatar - National Flags
Reposition Flags over the avatar
In the CPF area it looks out of place. Maybe you'd like to arrange them like this by default?
3.0| Avatar on Memberlist 1.0.3
- Dragosvr92
- Registered User
- Posts: 1470
- Joined: Sat Sep 12, 2009 7:27 am
- Location: Romania
- Name: Dragos Valentin Rădulescu
- Contact:
Re: Reposition Flags over the avatar
Appreciate the extensions/mods/support then buy me a beer
- RMcGirr83
- Former Team Member
- Posts: 22016
- Joined: Wed Jun 22, 2005 4:33 pm
- Location: Your display
- Name: Rich McGirr
- Contact:
Re: Reposition Flags over the avatar
Dragosvr92 wrote:This is how i arranged the Flags in viewtopic on my board.
In the CPF area it looks out of place. Maybe you'd like to arrange them like this by default?
Really love this placement. Thank you for the idea
For others who wants the same:
Remove File :
\rmcgirr83\nationalflags\styles\prosilver\template\event\viewtopic_body_postrow_custom_fields_after.html
Create new file :
\rmcgirr83\nationalflags\styles\prosilver\template\event\viewtopic_body_avatar_after.html
within this new file add the following content:
Code: Select all
<!-- IF postrow.USER_FLAG -->
<a class="flagsettings" href="{postrow.U_FLAG}">{postrow.USER_FLAG}</a>
<!-- ENDIF -->
Open file:
\rmcgirr83\nationalflags\styles\prosilver\theme\flags.css
Add following content at the end.
Code: Select all
/* Extra settings to place the flag over the avatar */
.avatar-container {
position: relative;
}
.flagsettings {
position:absolute;
right: 5px;
}
@media (max-width: 700px) {
.flagsettings {
right: 20px;
}
}
Upload the two files and don't forget to empty your cache.
(Note you have to play with right: 5px and right: 20px for diff styles)
My Extensions | buy me a beer
- Theriddler1
- Registered User
- Posts: 451
- Joined: Sat Aug 27, 2011 11:00 pm
- Location: NL
- Name: Theriddler❶
- Contact:
Re: Reposition Flags over the avatar
Just as the picture shows above?
-
- Registered User
- Posts: 267
- Joined: Wed Mar 23, 2011 8:15 pm
- Contact:
-
- Registered User
- Posts: 267
- Joined: Wed Mar 23, 2011 8:15 pm
- Contact:
Re: Reposition Flags over the avatar
Appreciate the extensions/mods/support then buy me a beer
- RMcGirr83
- Former Team Member
- Posts: 22016
- Joined: Wed Jun 22, 2005 4:33 pm
- Location: Your display
- Name: Rich McGirr
- Contact:
Re: Reposition Flags over the avatar
-
- Registered User
- Posts: 267
- Joined: Wed Mar 23, 2011 8:15 pm
- Contact:
Re: Reposition Flags over the avatar
@Theriddler1, thanks for grabbing and fixing it with the media value. I only noticed a month ago that the flag was misplaced on mobiles, but im too lazy to care about the forum now so ill leave as is.
@fliper4o, Just try the code above and see if it works. I see no reason why it wouldnt.
If it doesnt work, post back and ask for help.
3.0| Avatar on Memberlist 1.0.3
- Dragosvr92
- Registered User
- Posts: 1470
- Joined: Sat Sep 12, 2009 7:27 am
- Location: Romania
- Name: Dragos Valentin Rădulescu
- Contact: