JSFiddle - React, Tailwind, and code Playground
by Mairink Oemes
HTML
<style type="text/css">#cssmenu{float:left;width:100%;background:#efefef;font-size:93%;line-height:normal;border-bottom:1px solid #666}#cssmenu ul{margin:0;padding:10px 10px 0 50px;list-style:none}#cssmenu li{display:inline;margin:0;padding:0}#cssmenu a{float:left;background:url('http://i1316.photobucket.com/albums/t609/Multfocos/tableftf_zps15b229ad.gif') no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none}#cssmenu a span{float:left;display:block;background:url('http://i1316.photobucket.com/albums/t609/Multfocos/tabrightf_zps3cc25e85.gif') no-repeat right top;padding:5px 15px 4px 6px;color:#666}/* Commented Backslash Hack hides rule from IE5-Mac */#cssmenu a span{float:none}/* End IE5-Mac hack */#cssmenu .active a span,#cssmenu a:hover span{color:#FFF}#cssmenu .active a,#cssmenu a:hover{background-position:0 -42px}#cssmenu .active a span,#cssmenu a:hover span{background-position:100% -42px}</style><a href="http://mult-focos.blogspot.com.br/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="http://i1316.photobucket.com/albums/t609/Multfocos/blank_zps1d71c95b.gif" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://goo.gl/NguXbL" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="http://i1316.photobucket.com/albums/t609/Multfocos/blank_zps1d71c95b.gif" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://goo.gl/NguXbL" rel="dofollow" target="_blank" title="Menu Dropdown Pure CSS"><img src="http://i1316.photobucket.com/albums/t609/Multfocos/blank_zps1d71c95b.gif" alt="Menu Dropdown Pure CSS" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Não edite este código CSS caso contrário o Drop Down Menu não funcionará -->
<!-- Personalizar seus links -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a...