Jump to content

pony personality test thingy :p


sillystar_catcher

304 views

I never put html in a blog but I hope this works:fluttershy:

<div style="border:1px solid #999;border-radius:6px;padding:6px;font:normal 1em sans-serif;background:#fff;color:#000;min-width:200px;max-width:360px;"><style scoped>.resBarOuter {width:75%;height:15px;padding:0;margin:0;background:#eee;border:1px solid #000;text-align:left !important;position:relative;} .resBarInner {text-indent:-9999px;height:15px;background:#d02;font-size:6px;line-height:6px;margin:0;padding:0;position:relative;background-image:linear-gradient(bottom,rgb(221,0,33) 40%,rgb(255,60,86) 74%,rgb(221,0,33) 100%);background-image:-moz-linear-gradient(bottom,rgb(221,0,33) 40%,rgb(255,60,86) 74%,rgb(221,0,33) 100%);background-image:-webkit-linear-gradient(bottom,rgb(221,0,33) 40%,rgb(255,60,86) 74%,rgb(221,0,33) 100%);background-image:-ms-linear-gradient(bottom,rgb(221,0,33) 40%,rgb(255,60,86) 74%,rgb(221,0,33) 100%);} .resBarM {width:35%;float:right;margin-right: 10px;} .resRow {color:#000;background:#fff;clear:both;margin: 5px 0;}}</style><div style="color:#000;font:bold 1.2em sans-serif;margin:0 0 8px 0;">Pony Personality Test</div><div style="font:bold 1.2em sans-serif;margin:0 0 4px 0;">Your Result: <strong>Fluttershy</strong></div><div class="resBarOuter"><div class="resBarInner" style="width:88%;">&nbsp;</div></div><div style="margin:10px 0 4px;border:none;background:#fff;color:#000;">You are shy, quiet, but always will stick up for your friends. You love animals, and treat them nicely. You also love to care for other ponies and cheer them up.</div><div class="resRow"><div class="resBarOuter resBarM"><div class="resBarInner" style="width:81%;">&nbsp;</div></div>Twilight Sparkle</div><div class="resRow"><div class="resBarOuter resBarM"><div class="resBarInner" style="width:53%;">&nbsp;</div></div>Applejack</div><div class="resRow"><div class="resBarOuter resBarM"><div class="resBarInner" style="width:31%;">&nbsp;</div></div>Rarity</div><div class="resRow"><div class="resBarOuter resBarM"><div class="resBarInner" style="width:23%;">&nbsp;</div></div>PInkie Pie</div><div class="resRow"><div class="resBarOuter resBarM"><div class="resBarInner" style="width:12%;">&nbsp;</div></div>Rainbow Dash</div><div><a style="color: #00f;" href="https://www.gotoquiz.com/pony_personality_test"><strong>Pony Personality Test</strong></a></div></div>

 6855a1c8204df15d04eac1ac053e4f25.jpg.2ebb3742495c84d52a9ddd16c433f6d3.jpg

 

 

 

3 Comments


Recommended Comments

The vast majority of sites prohibit posting html or javascript by users because of the potential security issues.

Usually, when a web site allows this it is a bug that soon gets fixed. This bug even has its own name - html injection.

Some sites, like slashdot, allows very limited html tags for text formatting, so <b> for bold <a href... > for a link etc.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Join the herd!

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...