Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Mettre une image sur un bouton qui s'enffonce

287 appréciations
Hors-ligne
Bonjour et bon dimanche à tous,
Voilà j'ouvre un nouveau sujet suite à comment avoir obtenir l'effet enfoncement d'un bouton,
Maintenant je voudrais savoir comment ajouter une image par dessus se bouton?
voit capture, est possible de faire cette manipulation? 



948 appréciations
Hors-ligne
re

Très compliqué de tout dérégler pour ça donc j'ai une solution mais comme ça .





nav a {
    background-image: url("http://img11.hostingpics.net/pics/749122petitnoeudrose.png");
    background-position: center center;
    background-repeat: no-repeat;
    border: 4px outset pink;
    border-radius: 100px;
    box-shadow: 1px 1px 10px black;
    color: #720d28 !important;
    font-family: Pointedly Mad !important;
    font-size: 20px;
    line-height: 40px;
    padding: 22px;
}


287 appréciations
Hors-ligne
Bonjour et juste une dernière question peut on monter ou descendre cette image  maintenant qu'elle est en place? 



948 appréciations
Hors-ligne
re

Elle est enfermée et ce n'est pas possible mais on peut faire différemment.

Changer en gras dans le css.

nav li {
 
display: inline-block;   
margin: 160px 1020px 0 40px;     
 
}

nav a {
 
background-image: url(http://static.blog4ever.com/2016/01/813095/petit-noeud-vichypixelles.png);
background-position: center center;
background-repeat: no-repeat;
border: 4px outset pink;
border-radius: 100px;
box-shadow: 1px 1px 10px black;
color: #720d28 !important;
font-family: Pointedly Mad !important;
font-size: 20px;
line-height: 40px;
padding: 65px 20px 15px 10px;
}


948 appréciations
Hors-ligne


287 appréciations
Hors-ligne


Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Petits conseils.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 5714 autres membres