Sword and Tome, easy hp/mp bar add-on [Free for Use]
Feb 1, 2014 17:37:09 GMT
ichor and lukavminaev like this
Post by Kuroya on Feb 1, 2014 17:37:09 GMT
Okay! Rather than making this a pain to cut out, I've decided to make this lovely little thing available for general use. It's small right now and fairly versatile, not to mention easy to use coding-wise, so it can slip right into almost any existing post template with ease. The credit is also very small and non-obtrusive, but as long as you keep it, I'm cool with it. :3
That being said, time for me to walk people through it to start. The top bar is intended as health, so it's a green color. It's also in the format for when the bar is above halfway. The bottom is originally for magic, but it can be used for whatever you want or taken out entirely. It also is in the format for when you're below half-health. Text can be replaced with numbers or percentages, but what's important is that you adjust widths like this: a decrease in the bar itself should be done by adjusting the percentage of the bar's div. To make the whole thing wider or skinnier to adjust for a template, use pixels and adjust the width in the opening table tag.
Change colors and fonts. Chop it up to learn how to code. Just maintain my credit at the bottom please since it's so unobtrusive. If the part of it in the code brackets isn't working properly, just quote for the coding too.
10/10 |
10/10 |
[div align="center"][table style="width:130px"][tr][td][div style="width:100%; overflow: hidden; border-radius: 10px 10px 10px 10px; padding: 2px; background-color: #006A4E; color: #8CBED8; font-size: 11px; font-family: verdana; text-align: center;"]10/10[/div][/td][/tr]
[tr][td][div style="width:25%; overflow: hidden; border-radius: 10px 10px 10px 10px; height: 18px; background-color: #8CBED8; color: #006A4E; font-size: 11px; font-family: verdana; text-align: center; float: left;"][/div][div style="width:75%; color: #006A4E; font-size: 11px; font-family: verdana; text-align: center; padding: 2px;"]10/10[/div][/td][/tr]
[tr][td][div style="width:100%; font-size: 8px; font-family: georgia; text-align: center;"][url=http://log-horizon.proboards.com/user/201]Kuroya[/url][/td][/tr][/table][/div]