XenForo 1.X Boutton s'inscrire animée

Sacryp

Master 🏆
Level 2

Torrents Stats

Messages
259
J'aime
35
Trophées
615
Inscrit
27 Novembre 2015
Hey 😁

94863608dbf847bcf4107d294e6bb9ea.gif


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

Template: EXTRA.Css

Code:
#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
 
Haut Bas