Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Personnalisation du menu flottant

93 appréciations
Hors-ligne
 tout le monde,

Suite au super guide de la Blogazette, je me suis lancée pour personnaliser mon menu flottant, mais malheureusement je rencontre quelques soucis.

J'ai rentré les codes comme indiqué, et après plusieurs vérifications je ne vois pas du tout où j'ai pu faire des erreurs.

Voilà ce que j'obtiens



Pouvez-vous me dire où sont mes erreurs s'il vous plaît ?

Merci d'avance pour votre réponse, et bonne journée.


991 appréciations
Hors-ligne


Colles ça dans le Css.

/*menu flottant*/
#floating-form h3 {
    background-color: transparent;
    background-image: none;
    border-bottom: medium none;
    color: #000;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: bold;
    height: auto;
    margin-bottom: 10px;
    margin-left: 2px!important;
    margin-top: 20px;
    overflow-wrap: break-word;
    padding: 0;
    text-align: left;
    width: 220px;
}



93 appréciations
Hors-ligne
 @@

J'ai rajouté le code, c'est mieux mais j'ai toujours des soucis.

Les coins du fond ne sont toujours pas arrondis, et le fond de INSCRIVEZ MOI est noir au lieu de gris.


991 appréciations
Hors-ligne
J'ai corrigé

ligne 256
#floating-form {
 background-image: url(https://static.blog4ever.com/2012/02/660914/gradient67035057.png);
 background-repeat: repeat;
 background-position: 50% 50%;
 margin-bottom: 100px;
 right: 10px;
/* coins arrondis */
    border-radius: 0 20px 20px 0!important;
/* bordures ombrées */
 -webkit-box-shadow: 2px 4px 12px #666;
 -moz-box-shadow: 2px 4px 12px #666;
box-shadow: 2px 4px 12px #666;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
}

ligne 289

 #floating-form button{
background: #ffe6fd url("https://static.blog4ever.com/2012/12/724047/gris_284jol.jpg") repeat fixed 0 0;
 color: #000000!important;
 border: 1px outset #000;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
border-radius: 5px;
}




93 appréciations
Hors-ligne
 @@

Merci, mais malheureusement je ne peux pas te dire si ça me convient ou pas le menu ne s'affiche pas dans mes articles ni avec Chrome ni avec IE 

Problèmes avec mon PC ou mes navigateurs, je n'en sais rien 

991 appréciations
Hors-ligne
re

J'ai testé sous chrome et ça fonctionne.


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

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 5724 autres membres