Advertisement
mariammrf_

Navi Widget HTML

Mar 8th, 2015
224
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.16 KB | None | 0 0
  1. <!--SVG Source-->
  2. <svg height="0" width="0" style="position:absolute; margin-left:-100%;">
  3.                 <path id="navi-icon"  d="M21.5,8.754c0.139,0,0.273-0.056,0.371-0.153l3.303-3.304c0.099-0.1,0.153-0.233,0.153-0.373
  4.         c0-0.141-0.054-0.273-0.153-0.372l-3.303-3.297C21.773,1.154,21.639,1.1,21.5,1.1h-4.974V0.527c0-0.29-0.234-0.527-0.525-0.527
  5.         s-0.526,0.237-0.526,0.527V1.1H7.201c-0.213,0-0.405,0.129-0.485,0.324C6.634,1.621,6.679,1.847,6.829,1.997l2.927,2.927
  6.         L6.829,7.855C6.678,8.004,6.634,8.23,6.715,8.43c0.08,0.197,0.272,0.324,0.485,0.324h8.271v1.105h-4.975
  7.         c-0.139,0-0.272,0.057-0.372,0.156l-3.299,3.299c-0.206,0.205-0.206,0.539,0,0.744l3.299,3.301c0.1,0.1,0.232,0.156,0.372,0.156
  8.         h4.978v8.154c-3.011,0.143-5.307,1.467-5.307,3.152c0,1.781,2.562,3.178,5.83,3.178c3.271,0,5.832-1.396,5.832-3.178
  9.         c0-1.686-2.293-3.009-5.304-3.152v-8.154h8.271c0.212,0,0.405-0.129,0.486-0.326s0.037-0.423-0.114-0.574l-2.926-2.929l2.926-2.929
  10.         c0.15-0.148,0.195-0.375,0.114-0.573c-0.082-0.196-0.274-0.325-0.486-0.325h-8.273V8.754H21.5z M20.777,28.822
  11.         c0,1.005-1.962,2.125-4.779,2.125c-2.816,0-4.776-1.12-4.776-2.125c0-0.939,1.727-1.971,4.253-2.101v2.101
  12.         c0,0.288,0.235,0.525,0.526,0.525s0.525-0.237,0.525-0.525v-2.101C19.052,26.854,20.777,27.883,20.777,28.822z M23.528,10.912
  13.         l-2.401,2.402c-0.205,0.205-0.205,0.539,0,0.744l2.401,2.403H10.716l-2.773-2.775l2.773-2.774H23.528z M8.471,7.699l2.401-2.402
  14.         c0.205-0.207,0.205-0.539,0-0.745L8.472,2.152h12.811l2.774,2.771l-2.774,2.775H8.471z"></path></svg>
  15. <!--SVG Source Ends-->
  16.  
  17. {block:IndexPage} <!--REMOVE THIS LINE IF YOU WANT IT TO ALSO APPEAR ON PERMALINK/POST PAGES-->
  18. <div class="navi" title="Quick Navi">
  19.     <svg class="navi-icon"><use xlink:href="#navi-icon"></use></svg>
  20.     <ul> <li><a href="LINK">LINK NAME</a></li>
  21. <!--replace LINK with the actual link to your tag and LINK NAME with the name you want to display-->
  22. <!--to add more links, just copy that line starting from <li> to </li> and add another link-->
  23.         <hr>
  24.         <li><a href="LINK TO YOUR NAVI PAGE">&#187; More Navigation Options</a></li>
  25.     </ul>
  26. </div>
  27. {/block:IndexPage} <!--REMOVE THIS LINE IF YOU WANT IT TO ALSO APPEAR ON PERMALINK/POST PAGES-->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement