Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Personnalisation du menu flottant

174 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.


4055 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;
}



174 appréciations
Hors-ligne
 @simon@

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.


4055 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;
}




174 appréciations
Hors-ligne
 @simon@

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 :snif:

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

4055 appréciations
Hors-ligne
re

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


Ce sujet est fermé, vous ne pouvez pas y répondre.
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Demandes d'assistance.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6065 autres membres