Faire disparaître le bouton recherche

[Destru723]

Bonjour,

je voudrais savoir si il serait possible de modifier ce bouton dédier à la recherche:



1. En le supprimant et qu'il ne reste simplement la barre de recherche.

Je précise que j'ai déjà modifier ce bouton et le cadre de recherche avec ce code css:

Code:

input.search {
background: url(http://www.probikeshop.fr/images/design/icone_engrenage.png) no-repeat top left;
background-position: 158px;
}

#search-box #keywords {
  color: white ;
  background-color: #3B3B3B ;
  width: 160px;
  height: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
   border-radius: 7px;
}

#search-box input.button2 {
  margin-left: 10px;
background-image: http://i39.servimg.com/u/f39/18/99/57/86/bg_des10.png;
width: 160px;
height: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 7px;
}


2. Et par la suite est-il possible d'enlever la rubrique "recherche" dans le mainmenu mais justement que la barre de recherche reste?


Merci d'avance si vous trouvez solution à mon problème. 

PS: version du forum; phpBB3

[Destru723]

up

[FANCH 56]

Bonsoir

Comme tu n'as pas renseigner la version de forum, je te propose ce CSS en ne sachant pas si il fonctionnera.

Code:

/* Suppression de rechercher dans les forums */

div.search-footer-box form#forum-search {
display : none; }

[Invité]

Salut Destru723,

pour le bouton rechercher , ce sera ceci:

Code:


p.nomargin input.button2[type="submit"]


Pour le lien dans la barre de navigation:

Code:


li a.mainmenu[href="/search"]


Si on englobe tout ...
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Colles ceci:

Code:


p.nomargin input.button2[type="submit"] ,
li a.mainmenu[href="/search"]
{
display:none;
}



Penses à cliquer sur le bouton
a++

[Destru723]

Bonjour !

Le problème est à 80% résolut, j'veux pas paraître difficile avec mes volontés mais je remarque un espace plus important qui se créer entre "FAQ" & "MEMBRES" (pour le groupe des modérateurs) / ou "Messagerie" pour un utilisateur / et Connexion pour un invité.


Est-ce normal?

[Invité]

Re,
On va procéder autrement pour le lien
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

recherches le code fourni , supprimes le et remplaces le par:

Code:


p.nomargin input.button2[type="submit"]
{display:none;}


Penses à cliquer sur le bouton


Ensuite on va supprimer via un script la partie concernée:
Modules/HTML&JAVASCRIPT/
Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur toutes les pages.
Colles ceci:

Code:


$(function(){
$('a.mainmenu[href="/search"]').closest('li').remove();
});


Penses à cliquer sur le bouton

a++

[Destru723]

Merci ! Problème résolut, j'avais déjà voulut mettre ce code js;

Code:

$(function(){
$('a.mainmenu[href="/search"]').html('');
});

mais cela faisait le même espace mais maintenant grâce à ce js cela fonctionne correctement !