Single post in A Somewhat Extensive Guide to BBCodes
Forum Index > PokéFarm > Guides > A Somewhat Extensive Guide to BBCodes >
Messing with tooltips can be a little risky tbh. With your use case here it should be fine, but if you use this technique in like a block of text it could push the tip partially out of the view area if the text wraps at an inconvenient spot on a different size device.
The tip aligns itself with the position of the tip's container. So you can kind of trick it by wrapping each tipped icon in a sc so the tip aligns itself with that new wrapper, then setting that wrapper to display inline-block so you can put them all on a line together.
Code
[center][sc=tipwrap][tip=aztrya][url=https://pokefarm.com/user/Aztrya][pkmn=shinx][/url][/tip][/sc] [sc=tipwrap][tip=frootyloops lion][url=https://pokefarm.com/user/Frootyloops_Lion][pkmn=litleo][/url][/tip][/sc][/center]
[style]
.tipwrap {
display: inline-block;
}
[/style]