Faire disparaître le bouton recherche

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Faire disparaître le bouton recherche

Message par Destru723 Mer 15 Oct 2014 - 20:53

Bonjour,

je voudrais savoir si il serait possible de modifier ce bouton dédier à la recherche:
Faire disparaître le bouton recherche Recher10


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


Dernière édition par Destru723 le Sam 18 Oct 2014 - 13:25, édité 1 fois
avatar

Destru723
**

Messages : 54
Inscrit(e) le : 20/09/2014

Voir le profil de l'utilisateur http://menacetosociety.probb.fr/
Destru723 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire disparaître le bouton recherche

Message par Destru723 Jeu 16 Oct 2014 - 18:35

up
avatar

Destru723
**

Messages : 54
Inscrit(e) le : 20/09/2014

Voir le profil de l'utilisateur http://menacetosociety.probb.fr/
Destru723 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire disparaître le bouton recherche

Message par FANCH 56 Jeu 16 Oct 2014 - 18:58

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; }
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

Voir le profil de l'utilisateur https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire disparaître le bouton recherche

Message par Invité Ven 17 Oct 2014 - 4:09

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 boutonFaire disparaître le bouton recherche Boutonvalider
a++


Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire disparaître le bouton recherche

Message par Destru723 Ven 17 Oct 2014 - 11:43

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é.
Faire disparaître le bouton recherche Espace10

Est-ce normal?
avatar

Destru723
**

Messages : 54
Inscrit(e) le : 20/09/2014

Voir le profil de l'utilisateur http://menacetosociety.probb.fr/
Destru723 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire disparaître le bouton recherche

Message par Invité Ven 17 Oct 2014 - 15:08

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 boutonFaire disparaître le bouton recherche Boutonvalider


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 boutonFaire disparaître le bouton recherche Boutonvalider

a++



Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire disparaître le bouton recherche

Message par Destru723 Sam 18 Oct 2014 - 13:24

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 !
avatar

Destru723
**

Messages : 54
Inscrit(e) le : 20/09/2014

Voir le profil de l'utilisateur http://menacetosociety.probb.fr/
Destru723 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum