Extensions:User Borders

From Lorekeeper Wiki
Revision as of 15:16, 20 August 2024 by Liwoyadan (talk | contribs) (→‎Configuration: Adding information on adjusting avatar sizes and styling)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
User Borders
Description Create borders that users can apply around their icons
Author(s) CH3RVB, LostInProgres
Status testing
Github extension\user-borders
LK Version Unspecified
Contains a Migration






Staff can upload borders from the admin panel. Borders are purely cosmetic, and when selected, will appear over the user's site avatar. Borders can appear over or under an avatar based on a setting set upon creation/editing.

Borders can be unlocked or set as default. They can be granted through loot as well as the admin panel. A user can change their border at any time.

Staff members can have their own exclusive borders if desired.

Installation

php artisan migrate, php artisan update-extension-tracker, php artisan optimize

Configuration

User-uploaded avatars, by default through the updateAvatar() function in UserService.php, are resized to be 150px by 150px. Avatars when displayed through this extension will be placed in a container with a maximum width of 150px, but the avatar itself will have a 15px solid transparent border applied to them, shrinking them slightly so borders can frame them better.

If you happen to change the code in UserService.php to allow for differently-sized avatars, you can either update lorekeeper.css directly or apply styling to the class .user-avatar in a custom stylesheet to adjust its maximum width, and you may also want to adjust the transparent border's width on .user-avatar .avatar as well.

The selector .user-avatar .avatar, which targets the avatar image within the container itself, also applies a 50% border radius to make it circular, as well as an aspect ratio of 1 / 1 to keep it square (mostly applicable to the default avatar on Lorekeeper, which is overly large and not square). Both of these can be adjusted freely by site owners as well, whether within the lorekeeper.css stylesheet or in a custom uploaded stylesheet.

Usage

Troubleshooting

Images

See Also