National Flags

Reposition Flags over the avatar - National Flags

Reposition Flags over the avatar

by Dragosvr92 » Tue Feb 16, 2016 1:35 am

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? :)

Capture.PNG
Formerly known as TheKiller
3.0| Avatar on Memberlist 1.0.3
User avatar
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

by RMcGirr83 » Tue Feb 16, 2016 11:39 am

And how were you able to do that?
Former Modifications/Extensions Team Member | My extensions | github | All requests for support via PM will be ignored
Appreciate the extensions/mods/support then buy me a beer Image
User avatar
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

by Theriddler1 » Tue Mar 01, 2016 10:16 am

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? :)

Capture.PNG


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)
Theriddler - Former Moderator @ phpBB.nl | phpBBservice.nl Team-member
Image My Extensions | buy me a beer Image
User avatar
Theriddler1
Registered User
Posts: 451
Joined: Sat Aug 27, 2011 11:00 pm
Location: NL
Name: Theriddler❶
Contact:

Re: Reposition Flags over the avatar

by fliper4o » Wed Aug 09, 2017 9:30 pm

Still can be done that way to overlay ?
Just as the picture shows above?
fliper4o
Registered User
Posts: 267
Joined: Wed Mar 23, 2011 8:15 pm
Contact:

Re: Reposition Flags over the avatar

by fliper4o » Tue Sep 19, 2017 1:43 pm

hm?
fliper4o
Registered User
Posts: 267
Joined: Wed Mar 23, 2011 8:15 pm
Contact:

Re: Reposition Flags over the avatar

by RMcGirr83 » Tue Sep 19, 2017 2:09 pm

You would have known your answer if you had tried it instead of waiting over one month to go "hm?". May not work for your style though.
Former Modifications/Extensions Team Member | My extensions | github | All requests for support via PM will be ignored
Appreciate the extensions/mods/support then buy me a beer Image
User avatar
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

by fliper4o » Tue Sep 19, 2017 7:00 pm

"After user avatar" is alright. :)
fliper4o
Registered User
Posts: 267
Joined: Wed Mar 23, 2011 8:15 pm
Contact:

Re: Reposition Flags over the avatar

by Dragosvr92 » Thu Sep 21, 2017 5:58 am

Oh, wow. @RMcGirr83, sorry for the two years delay. I didnt see there were messages :lol:

@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.
Formerly known as TheKiller
3.0| Avatar on Memberlist 1.0.3
User avatar
Dragosvr92
Registered User
Posts: 1470
Joined: Sat Sep 12, 2009 7:27 am
Location: Romania
Name: Dragos Valentin Rădulescu
Contact: