Listinha Personalizada
Fácil e rápido,
Visualize (xxx)
Coloque entre <style> e </style>
.listaih { color:#e4c780;background: #c2ff66; display : block; padding:3px;font-size: 8pt; font-family: 'georgia'; font-style: italic; line-height: 13px; text-align:left ;margin-bottom : 2px;padding-left : 10px; -webkit-transition-duration: .6s; border-radius: 3px; -moz-box-shadow:inset 0px 24px 0px #fff;-webkit-box-shadow:inset 0px 24px 0px #000;box-shadow:inset 0px 24px 0px #f0daa3; -webkit-transition-duration: 0.6s; }
.listaih:hover {color:#fff; padding-left : 10px; -moz-box-shadow:inset 0px -24px 0px #f277a4;-webkit-box-shadow:inset 0px -24px 0px #c2ff66;box-shadow:inset 0px -24px 0px #591234; }
.listaih a {color:#c2ff66;}
E pra usar coloque onde quer que apareça:
<a href="/"><div class="listaih">LISTA POR GAB!</div></a>
<a href="/"><div class="listaih">LISTA POR GAB!</div></a>
<a href="/"><div class="listaih">LISTA POR GAB!</div></a>
Tutorial por Gabriel, se usar credite, se gostar de like.
Gabriel.