XenForo 1.X Boutton s'inscrire animée

[Sacryp]

Hey

Voici comment faire un petit CSS sympas sur votre boutton s'inscrire.

Template: EXTRA.Css

#SignupButton
.inner {
    font-weight: bold;
    font-size: 15pt;
    font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: #e68c17 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    display: block;
    text-shadow: 0 0 0 transparent, 0px 0px 3px rgba(0, 0, 0, 0.5);
    background: url("http://www.africahunting.com/images/smilies/moresmilies/gunshooting.gif") no-repeat 3% 50%, url("http://hackandmodz.net/H&M.png") no-repeat 97% 50%;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s
}

#SignupButton:hover
.inner {
    text-decoration: none;
    background-color: #e68c17 !important;
    background: url("http://hackandmodz.net/H&M.png") no-repeat 97% 50%, url("http://www.africahunting.com/images/smilies/moresmilies/gunshooting.gif") no-repeat 50% 50%;
    -webkit-box-shadow: inset 2px 2px 8px rgba(0, 0, 0, 0.3), inset -2px -2px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 2px 2px 8px rgba(0, 0, 0, 0.3), inset -2px -2px 8px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: inset 2px 2px 8px rgba(0, 0, 0, 0.3), inset -2px -2px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 2px 2px 8px rgba(0, 0, 0, 0.3), inset -2px -2px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 2px 2px 8px rgba(0, 0, 0, 0.3), inset -2px -2px 8px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: inset 2px 2px 8px rgba(0, 0, 0, 0.3), inset -2px -2px 8px rgba(0, 0, 0, 0.3);
    box-shadow: inset 2px 2px 8px rgba(0, 0, 0, 0.3), inset -2px -2px 8px rgba(0, 0, 0, 0.3)
}

CSS récupéré sur H.M