Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Fonction recherche google : une petite case apparaît et complique la recherche !

24 appréciations
Hors-ligne


Bonjour,
Dès que j'entre une recherche, ce petit truc rose apparaît et si on clique dessus par inadvertance, ça remet la recherche à 0. Je n'ai pas trop de boutons dans ma barre de navigation, et j'ai juste fait un copier coller du code de Google.
Bonne soirée
Marie

Dernière modification le jeudi 30 Novembre 2017 à 17:04:19
Marie

1103 appréciations
Hors-ligne


Tu as des codes en double donc il faut les supprimer .

Voici ma correction de ton Css


#contenu input[type="submit"], #contenu input[type="button"], #contenu button {
    background: #ddcccc none repeat scroll 0 0 !important;
    border: 3px inset red !important;
    border-radius: 3px;
    color: #935632 !important;
    font-family: "Tempus sans ITC","Arial Narrow",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight : bold;
    margin-top: -3px;
    text-transform: uppercase;
}
.diz-barre-navigation {
  background-color : none;
  background-image: url("https://static.blog4ever.com/2013/03/731589/fondbarre2017.gif?1490863978");
  background-repeat : repeat;
  border : 1px solid #cc6633;
}
.diz-barre-navigation ul ul{
  padding:0; 
}

.diz-barre-navigation a {
  background: #C44C51;
  padding:0;
  margin:0 10px 0;
  color: #F6CED8;
  border: 2px ridge #f9d2f3;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 4px 12px #666;
  -moz-box-shadow: 2px 4px 12px #666;
  box-shadow: 2px 4px 12px #666;
}
.diz-barre-navigation a:hover{
  background-color : #FFFFFF;
  color : none;
  }
 .fond-cote {
  background-image: url("https://static.blog4ever.com/2013/03/731589/fondmenu.gif?1490973769");
  background-repeat: repeat-y;
}
.diz-menu-lateral a{
  font-size : 17px;
  font-style : normal;
  font-weight : normal;
  text-decoration : none;
}
.diz-menu-lateral a:hover{
  color : #5f2211;
  font-style : italic;
  font-weight : bold;
  text-decoration : underline;
}

.diz-bas{
background-color : #DD8B42;
background-image: url("https://static.blog4ever.com/2013/03/731589/fondbarre2017.gif?1490863978");
background-repeat : repeat;
border : 1px solid #ff9966;
}
#barre_bas a{
background-color : cc6633;
color : #000000;
}
#barre_bas a:hover{
background-color : #cc6633;
color : #FFFFFF;
}

 .fond-cote {
  background-image: url("https://static.blog4ever.com/2013/03/731589/fondmenu.gif?1490973769");
  background-repeat: repeat-y;
}

.diz-menu-lateral a:hover{
  color : #5f2211;
  font-style : italic;
  font-weight : bold;
  text-decoration : underline;
}
 
.diz-bas{
background-color : #DD8B42;
background-image: url("https://static.blog4ever.com/2013/03/731589/fondbarre2017.gif?1490863978");
background-repeat : repeat;
border : 1px solid #ff9966;
}
#barre_bas a{
background-color : cc6633;
color : #000000;
}
#barre_bas a:hover{
background-color : #cc6633;
color : #FFFFFF;
}



24 appréciations
Hors-ligne
Bonsoir,
Je regarde cela demain. Merci
Bonne soirée
Marie
Marie

24 appréciations
Hors-ligne
Bonjour Simon
J'ai fait un copier coller. Ca donne ça, le bouton est plus petit.


J'ai remis comme tu as dit j'ai juste changé taille des lettres, et ce satané petit bouton a "re"grandi. J'ai aussi bougé un peu les boutons vers la gauche car ils étaient sur 2 lignes.
Ce que je vais faire ce week-end, c'est aller rechercher le code Google, pour être sûre que ça ne vient pas de là. Je te tiens au courant. Je te souhaite un bon week-end.
Marie

Dernière modification le vendredi 01 Décembre 2017 à 11:14:29
Marie

1103 appréciations
Hors-ligne
Essaies ce code modifié

*/* codes par nana pour couleur recherche barre de nav */ /* 01_11_2017*/

/*taille écriture google*/
#gsc-i-id1 {
    background: none !important;
    text-indent: 1px !important;
    margin-top: -1px !important;
    font-size: 15px;
}

#contenu input[type="submit"], #contenu input[type="button"], #contenu button {
    background: #ddcccc none repeat scroll 0 0 !important;
    border: 3px inset red !important;
    border-radius: 3px;
    color: #935632 !important;
    font-family: "Tempus sans ITC","Arial Narrow",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight : bold;
    margin-top: -3px;
    text-transform: uppercase;
}
.diz-barre-navigation {
  background-color : none;
  background-image: url("https://static.blog4ever.com/2013/03/731589/fondbarre2017.gif?1490863978");
  background-repeat : repeat;
  border : 1px solid #cc6633;
 
}
.diz-barre-navigation  {
  height: 50px!important;
}


.diz-barre-navigation ul ul{
  padding:0;
}
.diz-barre-navigation li {
    display: inline-block; 
    margin: 0 30px 0 0;
    position: relative;
    background: #c44c51;
    border: 2px solid #fff;
    border-radius: 10px;
   padding:0 5px;
   color: #F6CED8;
  border: 2px ridge #f9d2f3;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 4px 12px #666;
  -moz-box-shadow: 2px 4px 12px #666;
  box-shadow: 2px 4px 12px #666;
}



.diz-barre-navigation a:hover{
  background-color : #FFFFFF;
  color : none;
  }
 .fond-cote {
  background-image: url("https://static.blog4ever.com/2013/03/731589/fondmenu.gif?1490973769");
  background-repeat: repeat-y;
}
.diz-menu-lateral a{
  font-size : 17px;
  font-style : normal;
  font-weight : normal;
  text-decoration : none;
}
.diz-menu-lateral a:hover{
  color : #5f2211;
  font-style : italic;
  font-weight : bold;
  text-decoration : underline;
}

.diz-bas{
background-color : #DD8B42;
background-image: url("https://static.blog4ever.com/2013/03/731589/fondbarre2017.gif?1490863978");
background-repeat : repeat;
border : 1px solid #ff9966;
}
#barre_bas a{
background-color : cc6633;
color : #000000;
}
#barre_bas a:hover{
background-color : #cc6633;
color : #FFFFFF;
}

 .fond-cote {
  background-image: url("https://static.blog4ever.com/2013/03/731589/fondmenu.gif?1490973769");
  background-repeat: repeat-y;
}

.diz-menu-lateral a:hover{
  color : #5f2211;
  font-style : italic;
  font-weight : bold;
  text-decoration : underline;
}
 
.diz-bas{
background-color : #DD8B42;
background-image: url("https://static.blog4ever.com/2013/03/731589/fondbarre2017.gif?1490863978");
background-repeat : repeat;
border : 1px solid #ff9966;
}
#barre_bas a{
background-color : cc6633;
color : #000000;
}
#barre_bas a:hover{
background-color : #cc6633;
color : #FFFFFF;
}


1103 appréciations
Hors-ligne


24 appréciations
Hors-ligne
Rebonjour
C'est parfait, mais y-a-t-il moyen de faire des boutons moins larges en hauteur ? Si ce n'est pas possible, pas de souci.
Tu peux m'expliquer simplement d'où le pb venait ? Ca m'intéresse en fait :)
A plus tard.
Merci beaucoup.
Marie

Dernière modification le vendredi 01 Décembre 2017 à 12:04:41
Marie

1103 appréciations
Hors-ligne
Je regarderai plus tard.....

En attendant ce code agrandit l'écriture dans la recherche.



/*taille écriture google*/
#gsc-i-id1 {
    background: none !important;
    text-indent: 1px !important;
    margin-top: -1px !important;
    font-size: 15px;
}


24 appréciations
Hors-ligne
Merci.
Marie

1103 appréciations
Hors-ligne
Voici les nouvelles corrections.



*/* codes par nana pour couleur recherche barre de nav */ /* 01_11_2017*/

#contenu input[type="submit"], #contenu input[type="button"], #contenu button {
    background: #ddcccc none repeat scroll 0 0 !important;
    border: 3px inset red !important;
    border-radius: 3px;
    color: #935632 !important;
    font-family: "Tempus sans ITC","Arial Narrow",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight : bold;
    margin-top: -3px;
    text-transform: uppercase;
}
/*taille écriture google*/
#gsc-i-id1 {
    background: none !important;
    text-indent: 1px !important;
    margin-top: -1px !important;
    font-size: 15px;
}

.diz-barre-navigation {
  background-color : none;
  background-image: url("https://static.blog4ever.com/2013/03/731589/fondbarre2017.gif?1490863978");
  background-repeat : repeat;
  border : 1px solid #cc6633;
  height: 45px!important;
 
}

/******debut sous liens********/
.diz-barre-navigation li li{
  padding: 2px 0;
  margin: 2px 5px;
}

.diz-barre-navigation ul ul{
  padding: 5px 0;
  margin: 2px 0;
}
/*****fin des sous liens*******/

.diz-barre-navigation a{
  line-height: 20px;
  font-size: 14px;
  margin-left: 10px;
}
.diz-barre-navigation li {
    display: inline-block; 
    margin: 10px 30px 0 0;
    position: relative;
    background: #c44c51;
    border: 2px solid #fff;
    border-radius: 10px;
   padding:0 5px;
   color: #F6CED8;
  border: 2px ridge #f9d2f3;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 4px 12px #666;
  -moz-box-shadow: 2px 4px 12px #666;
  box-shadow: 2px 4px 12px #666;
}
.diz-barre-navigation a:hover{
  background-color : #FFFFFF;
  color : none;
  }

 .fond-cote {
  background-image: url("https://static.blog4ever.com/2013/03/731589/fondmenu.gif?1490973769");
  background-repeat: repeat-y;
}
.diz-menu-lateral a{
  font-size : 17px;
  font-style : normal;
  font-weight : normal;
  text-decoration : none;
}
.diz-menu-lateral a:hover{
  color : #5f2211;
  font-style : italic;
  font-weight : bold;
  text-decoration : underline;
}

.diz-bas{
background-color : #DD8B42;
background-image: url("https://static.blog4ever.com/2013/03/731589/fondbarre2017.gif?1490863978");
background-repeat : repeat;
border : 1px solid #ff9966;
}
#barre_bas a{
background-color : cc6633;
color : #000000;
}
#barre_bas a:hover{
background-color : #cc6633;
color : #FFFFFF;
}

 .fond-cote {
  background-image: url("https://static.blog4ever.com/2013/03/731589/fondmenu.gif?1490973769");
  background-repeat: repeat-y;
}

.diz-menu-lateral a:hover{
  color : #5f2211;
  font-style : italic;
  font-weight : bold;
  text-decoration : underline;
}
 
.diz-bas{
background-color : #DD8B42;
background-image: url("https://static.blog4ever.com/2013/03/731589/fondbarre2017.gif?1490863978");
background-repeat : repeat;
border : 1px solid #ff9966;
}
#barre_bas a{
background-color : cc6633;
color : #000000;
}
#barre_bas a:hover{
background-color : #cc6633;
color : #FFFFFF;
}


24 appréciations
Hors-ligne
Bonjour Simon,
Un tout tout grand merci.
Je regarderai en détails les corrections que tu as apportées, comme cela, je comprendrais un peu mieux comment fonctionne le CSS qui reste pour moi, un grand mystère :)....
Je te souhaite un bon week-end
Marie
Marie
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 5741 autres membres