Work with all screen size, you may need to change some parameters manually.
Notes
I have no affiliation with Cygames.
All default images are from the internet.
If this style is considered an illegal act, I will remove this style immediately as soon as I know.
By SPdream
Source code
/* ==UserStyle==
@name GBF - Home Screen Character Replace
@version 20220913.15.51
@namespace userstyles.world/user/spdream99
@description Granblue Fantasy:
You can change images of the home screen character and background. Imagine your favorite character with this game VA voicelines.
*Please note that this style works in home screen only (https://game.granbluefantasy.jp/#mypage).
*This style can only change the image not the voice.
I have no affiliation with Cygames.
All default images are from the internet.
If this style is considered an illegal act, I will remove this style immediately as soon as I know.
@author spdream99
@license CC-BY-4.0
@advanced text Image-c "Character Image" "https://64.media.tumblr.com/275cf9e3d96d59ea5e41c7c2fc57ae98/tumblr_o3onzyV42I1tjg18uo10_1280.png"
@advanced text cw "Width" "350"
@advanced text ch "Height" "400"
@advanced text ct "Top" "24"
@advanced text cl "Left" "-22"
@advanced text Image-b "Background Image" "https://i.pinimg.com/736x/ad/03/e6/ad03e650e1ff94d116d15ff826993fcf.jpg"
@advanced text bw "Width" "320"
@advanced text bh "Height" "410"
@advanced text bt "Top" "0"
@advanced text bl "Left" "0"
==/UserStyle== */
@-moz-document url-prefix("https://game.granbluefantasy.jp/#mypage") {
.prt-user-character .img-myimage {
width: /*[[cw]]*/px;
top: /*[[ct]]*/px;
left: /*[[cl]]*/px;
background: url(/*[[Image-c]]*/) no-repeat!important;
background-size: cover!important;
padding-left: /*[[cw]]*/px;
height: /*[[ch]]*/px;
box-sizing: border-box;
}
.prt-town-bg .img-town {
width: /*[[bw]]*/px;
top: /*[[bt]]*/px;
left: /*[[bl]]*/px;
background: url(/*[[Image-b]]*/) no-repeat!important;
background-size: cover!important;
background-position: center!important;
padding-left: /*[[bw]]*/px;
height: /*[[bh]]*/px;
box-sizing: border-box;
}
}