Hi there.
I was wondering if there's a way to input <style> coding into my posts. There's a specific HP Bar generator that I've been wanting to include in my RP posts, but I haven't been able to successfully make it work. Is there a way to do so on RpN?
This is the website I'm using: HP Bar Generator
The <style> code follows:
<style>
@import url(http://fonts.googleapis.com/css?family=Russo+One);
#roxiiwrap {
font-family: "Barlow", sans-serif;
font-weight: 700;
color: #fff;
font-size: 12px;
padding: 10px;
}
#roxiibar {
height: 20px;
width: 250px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
margin: 5px;
text-align: left;
background-color: rgba(255,255,255,0.25);
border: 2px solid #333;
border-radius: 15px;
box-shadow: 1px 1px 2px #333;
}
#roxii{
background: #a90329;
background: -moz-linear-gradient(left, #a90329 0%, #8f0222 44%, #6d0019 100%);
background: -webkit-linear-gradient(left, #a90329 0%,#8f0222 44%,#6d0019 100%);
background: linear-gradient(to right, #a90329 0%,#8f0222 44%,#6d0019 100%);
background: #6d0019;
background: -moz-linear-gradient(left, #6d0019 0%, #8f0222 56%, #a90329 100%);
background: -webkit-linear-gradient(left, #6d0019 0%,#8f0222 56%,#a90329 100%);
background: linear-gradient(to right, #6d0019 0%,#8f0222 56%,#a90329 100%);
filter: progidXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#a90329',GradientType=1 );
display:inline-block;
height: 100%;
vertical-align: middle;
line-height: 20px;
border-right: 1px solid #333;
box-shadow: 1px 1px 2px #333;
text-align:left;
width: {text: roxii bar}%;
}
</style>
<div id="roxiiwrap">
<div id="roxiibar">
<div id="roxii"> Roxii </div>
</div>
</div>
<!-- Thanks for using lizzledpink's HP bar generator!
HP Bar Generator -->
Any help is greatly appreciated! ^^
I was wondering if there's a way to input <style> coding into my posts. There's a specific HP Bar generator that I've been wanting to include in my RP posts, but I haven't been able to successfully make it work. Is there a way to do so on RpN?
This is the website I'm using: HP Bar Generator
The <style> code follows:
<style>
@import url(http://fonts.googleapis.com/css?family=Russo+One);
#roxiiwrap {
font-family: "Barlow", sans-serif;
font-weight: 700;
color: #fff;
font-size: 12px;
padding: 10px;
}
#roxiibar {
height: 20px;
width: 250px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
margin: 5px;
text-align: left;
background-color: rgba(255,255,255,0.25);
border: 2px solid #333;
border-radius: 15px;
box-shadow: 1px 1px 2px #333;
}
#roxii{
background: #a90329;
background: -moz-linear-gradient(left, #a90329 0%, #8f0222 44%, #6d0019 100%);
background: -webkit-linear-gradient(left, #a90329 0%,#8f0222 44%,#6d0019 100%);
background: linear-gradient(to right, #a90329 0%,#8f0222 44%,#6d0019 100%);
background: #6d0019;
background: -moz-linear-gradient(left, #6d0019 0%, #8f0222 56%, #a90329 100%);
background: -webkit-linear-gradient(left, #6d0019 0%,#8f0222 56%,#a90329 100%);
background: linear-gradient(to right, #6d0019 0%,#8f0222 56%,#a90329 100%);
filter: progidXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#a90329',GradientType=1 );
display:inline-block;
height: 100%;
vertical-align: middle;
line-height: 20px;
border-right: 1px solid #333;
box-shadow: 1px 1px 2px #333;
text-align:left;
width: {text: roxii bar}%;
}
</style>
<div id="roxiiwrap">
<div id="roxiibar">
<div id="roxii"> Roxii </div>
</div>
</div>
<!-- Thanks for using lizzledpink's HP bar generator!
HP Bar Generator -->
Any help is greatly appreciated! ^^