Advertisement
cybella

Battery meter code

Oct 25th, 2015
929
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.00 KB | None | 0 0
  1. <!--OPTIONS: this part of the battery meter goes in the <head> section, before <style>.-->
  2.  
  3. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome-min.css">
  4.  
  5. <meta name="select:battery level" content="battery-0" title="0%"/>
  6. <meta name="select:battery level" content="battery-1" title="25%"/>
  7. <meta name="select:battery level" content="battery-2" title="50%"/>
  8. <meta name="select:battery level" content="battery-3" title="75%"/>
  9. <meta name="select:battery level" content="battery-4" title="100%"/>
  10.  
  11. <meta name="if:battery" content="1"/>
  12.  
  13. <meta name="color:battery" content="#000"/>
  14.  
  15. <meta name="text:battery size" content="12"/>
  16.  
  17.  
  18.  
  19.  
  20.  
  21. <!--BATTERY: this part of the battery meter goes in the <body> section, in whatever div you want the battery meter to go.-->
  22.  
  23. {block:ifbattery}
  24. <div class="batterymeter" style="padding:5px;font-size:{text:battery size}px;color:{color:battery}">
  25. <i class="fa fa-{select:battery level}"></i>    
  26. </div>
  27. {/block:ifbattery}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement