A Somewhat Extensive Guide to BBCodes
Forum Index > PokéFarm > Guides >
I suppose if you were really diligent, you could make a banner through css and style codes the same way you make can make templates out of them. Define the shape you want, the color, borders, text and their position on it, etc. It's certainly doable, but unless you have a decent knowledge of css, you should probably just make a banner with an art program like paint, gimp, sai, paint.net, photoshop, etc.
How do i fuse those progress bars into 3 seperate ones but in one row?
Cause they take up one row each.
QUOTE originally posted by Moçhellez
How do i fuse those progress bars into 3 seperate ones but in one row?
Cause they take up one row each.
I was wondering, can I make a progress bar that directly correlates to the amount of pokedex entries I have or do I have to do it manually everytime it gets updated?
You'd have to do that manually, unfortunately.
QUOTE originally posted by ãruktai
QUOTE originally posted by Moçhellez
How do i fuse those progress bars into 3 seperate ones but in one row?
Cause they take up one row each.
There's nothing wrong with your signature (at least on my computer), just make sure you put the coding INSIDE of the signature BBCode.
Bullet Journal xx Freebies xx Send me a PM
Guides:
BBCode xx Templates xx CSS xx Styleclass
Avatar from pokesho (archive)
its still the same
thats what it looks like
code
[styleclass=frame][styleclass=credit]by MickeyButtcanon | Art: official[/styleclass] [styleclass=text][hide=My Shop of EVERYTHING][url=https://pokefarm.com/forum/thread/38625/Elle-s-Boxes-and-Gemmies-3/post/1565530][IMG]https://pokefarm.com/upload/Mochellez/shop_banner.JPG[/IMG][/url][/hide][progress="[inventory=victory medal]/300"][inventory=victory medal]/300[item=victory medal][/progress][progress="[inventory=blue soul dew]/100"][inventory=blue soul dew]/100[item=blue soul dew][/progress][progress="[inventory=red soul dew]/100"][inventory=red soul dew]/100[item=red soul dew][/progress]
[progress="[inventory=victory medal]/300"][inventory=victory medal]/300[item=Victory medal][/progress][progress="[inventory=blue soul dew]/100"][inventory=blue soul dew]/100[item=blue soul dew][/progress][progress="[inventory=red soul dew]/100"][inventory=red soul dew]/100[item=red soul dew][/progress]
[style]
.sidebyside {
display: flex;
.expbar{
flex: 1 0;
}
}
[/style]
[/styleclass][/styleclass] [style] .frame { width: 600px; height: 225px; background-image: url('https://s25.postimg.org/lvkajpu6n/mawile_sig_mochellez.png'); font-size: 11px; background-repeat: no-repeat; } .text { position: relative; left: 238px; top: -10px; padding: 25px 10px 0px 20px; color: black; background-color: transparent; width: 333px; height: 205px; opacity: 0.8; border-radius: 18.5px; font-size: 10px; } .credit { position: absolute; top: 215px; left: 440px; color: #ff6e6e; font-size: 9px; } [/style]
by MickeyButtcanon | Art: official
You didn't include the progress bars in the sidebyside styleclass ^^;
The sidebyside style code is what makes the layout of the bars side by side c:
corrected code
[styleclass=frame][styleclass=credit]by MickeyButtcanon | Art: official[/styleclass] [styleclass=text][hide=My Shop of EVERYTHING][url=https://pokefarm.com/forum/thread/38625/Elle-s-Boxes-and-Gemmies-3/post/1565530][IMG]https://pokefarm.com/upload/Mochellez/shop_banner.JPG[/IMG][/url][/hide]
[sc=sidebyside][progress="[inventory=victory medal]/300"][inventory=victory medal]/300[item=Victory medal][/progress][progress="[inventory=blue soul dew]/100"][inventory=blue soul dew]/100[item=blue soul dew][/progress][progress="[inventory=red soul dew]/100"][inventory=red soul dew]/100[item=red soul dew][/progress][/sc]
[style]
.sidebyside {
display: flex;
.expbar{
flex: 1 0;
}
}
[/style]
[/styleclass][/styleclass] [style] .frame { width: 600px; height: 225px; background-image: url('https://s25.postimg.org/lvkajpu6n/mawile_sig_mochellez.png'); font-size: 11px; background-repeat: no-repeat; } .text { position: relative; left: 238px; top: -10px; padding: 25px 10px 0px 20px; color: black; background-color: transparent; width: 333px; height: 205px; opacity: 0.8; border-radius: 18.5px; font-size: 10px; } .credit { position: absolute; top: 215px; left: 440px; color: #ff6e6e; font-size: 9px; } [/style]
QUOTE originally posted by ãruktai
You didn't include the progress bars in the sidebyside styleclass ^^;
The sidebyside style code is what makes the layout of the bars side by side c:
corrected code
[styleclass=frame][styleclass=credit]by MickeyButtcanon | Art: official[/styleclass] [styleclass=text][hide=My Shop of EVERYTHING][url=https://pokefarm.com/forum/thread/38625/Elle-s-Boxes-and-Gemmies-3/post/1565530][IMG]https://pokefarm.com/upload/Mochellez/shop_banner.JPG[/IMG][/url][/hide]
[sc=sidebyside][progress="[inventory=victory medal]/300"][inventory=victory medal]/300[item=Victory medal][/progress][progress="[inventory=blue soul dew]/100"][inventory=blue soul dew]/100[item=blue soul dew][/progress][progress="[inventory=red soul dew]/100"][inventory=red soul dew]/100[item=red soul dew][/progress][/sc]
[style]
.sidebyside {
display: flex;
.expbar{
flex: 1 0;
}
}
[/style]
[/styleclass][/styleclass] [style] .frame { width: 600px; height: 225px; background-image: url('https://s25.postimg.org/lvkajpu6n/mawile_sig_mochellez.png'); font-size: 11px; background-repeat: no-repeat; } .text { position: relative; left: 238px; top: -10px; padding: 25px 10px 0px 20px; color: black; background-color: transparent; width: 333px; height: 205px; opacity: 0.8; border-radius: 18.5px; font-size: 10px; } .credit { position: absolute; top: 215px; left: 440px; color: #ff6e6e; font-size: 9px; } [/style]
Cannot post: Please log in to post