Faire disparaître le bouton recherche

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

Résolu Faire disparaître le bouton recherche

Message par Destru723 le Mer 15 Oct 2014 - 20:53

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


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

Destru723
**

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

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 le Jeu 16 Oct 2014 - 18:35

up

Destru723
**

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

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 le 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
+ Hyperactif +

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

http://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 Milouze14 le 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 bouton
a++



Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

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

Message par Destru723 le 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é.


Est-ce normal?

Destru723
**

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

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 Milouze14 le 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 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++




Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

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

Message par Destru723 le 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 !

Destru723
**

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

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


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