Testando tabelinha | Download |
Testando tabelinha | Download |
Procure pela tag
]]></b:skin>
Acima dela insira o CSS abaixoSalve o design, logo após pegue o código abaixo e insira onde queira colocar a 'tabelinha'#down{ background: -webkit-gradient(linear, left top, left bottom, from(#8d0000), to(#4c0000)); background: -moz-linear-gradient(top, #8d0000, #4c0000); border:1px solid #4e0000; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: #000 1px 1px 0px; color: #fff; padding:0px 0px 0px 16px; } #down a:hover{ background: -webkit-gradient(linear, left top, left bottom, from(#8d0000), to(#4c0000)); background: -moz-linear-gradient(top, #8d0000, #4c0000); border:none; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #330000; text-shadow: 1px 1px 0px #6f1f1f; } #down2{ background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#d8d8d8)); background: -moz-linear-gradient(top, #f2f2f2, #d8d8d8); border:1px solid #505050; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: #ffffff 0 1px 0; color: #363636; padding:0px 0px 0px 5px; }
<center><table 1="" id="down1" style="width: 400px;"><tbody> <tr id="down1"> <td id="down2" width="300">Testando tabelinha </td> <td id="down" width="70"><a href="http://www.animewelfdesign.com.br/"> Download</a></td> </tr> <tr id="down1"> <td id="down2" width="300">Testando tabelinha </td> <td id="down" width="70"><a href="http://www.animewelfdesign.com.br/"> Download</a></td> </tr> </tbody> </table> </center>
no CSS configure
background: -webkit-gradient(linear, left top, left bottom, from(#CORDECIMAPARABAIXO), to(#CORDEBAIXOPARACIMA));
background: -moz-linear-gradient(top, #CORDECIMAPARABAIXO, #CORDEBAIXOPARACIMA));
É muito fácil mais se não conseguir avise...