Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB
 
AccueilAccueil  PortailPortail  Connexion  S'enregistrerS'enregistrer  
Le Deal du moment :
Smartphone Xiaomi POCO M4 5G – 6.43″ -FHD ...
Voir le deal
127.92 €

 

 [PHPBB2] Menu Rechercher en haut à gauche effet survol

Aller en bas 
+20
soleda
Ptite_Perle
Psychotic Bitch
Ombi
Kaeyla
dragon594
dédé54
El_Mojito
mariok
1baptiste
patriciadpt30
Sick.l.Offrande
Eczema Help
ThunderTB
Squall
fascicularia
pierre31250
Teten85
fleur78
Milouze14
24 participants
Aller à la page : 1, 2  Suivant
AuteurMessage
Milouze14
Fondateur

Milouze14



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyVen 21 Juin 2013 - 10:37

coucou ,

je vais vous donner l'astuce pour avoir le menu de recherche assez original  hinhin .

Au clic sur le bouton rechercher de la barre de navigation, le menu viendra progressivement de la gauche.

Allez on y va  hinhin .




Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur toutes les pages.


Déposer ceci:

Code:

$(function(){
$('div[id="search_menu"]').removeAttr('style').wrap('<div id="M14_rechercher"></div>');
  $('a.mainmenu[href="/search"]').click(function(){
  $('div[id="search_menu"]').removeAttr('style');
   $('#M14_rechercher').css('marginLeft','250px');
  });  });

Penser a cliquer sur le bouton Valid




Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Collez ceci:




Code:

    /*_____________DEBUT DU BLOC RECHERCHER PERSO____________________*/
    /*le bloc dans sa totalite*/
    #M14_rechercher
    {
    position:absolute !important;
    width:250px !important;
    height:130px !important;
    top:100px !important;
    left:-252px ;
    display:block!important;
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all 1s ease-in;
    }


    /*on donne apparence au bloc rechercher*/
    #M14_rechercher div#search_menu .forumline
    {
    background:#000000 !important ;
    border:1px solid #20aec8;  
    cursor:pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    }

    /*on donne apparence au champs de recherche*/
    #M14_rechercher div#search_menu .forumline input.post
    {
    background-color:#000000;
    color:#20aec8;
    width:110px;/*ne pas toucher*/
    border:1px solid #20aec8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -o-transition-timing-function: ease-in;/*ne pas toucher*/
    -webkit-transition: all 0.5s ease-in;/*ne pas toucher*/
    -moz-transition: all 0.5s ease-in;/*ne pas toucher*/
    -o-transition: all 0.5s ease-in;/*ne pas toucher*/
    transition: all 0.5s ease-in;/*ne pas toucher*/
    }
    /*on donne apparence au champs de recherche au survol*/
    #M14_rechercher div#search_menu .forumline input.post:hover
    {
    width:150px;/*ne pas toucher*/
    background-color:#ffffff;
    color:#000000;
    }
    /*on donne une apparence au bouton Go*/
    #M14_rechercher div#search_menu .forumline input.button
    {
    background-color:#000000;
    color: #20aec8 !important;
    font-weight:bold;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    }
    /*on supprime la bordure et donne une couleur*/
    #M14_rechercher div#search_menu .forumline th.thHead {border:none;color:#20aec8;background-image:none!important;}
    /*on donne une apparence à la barre de separation*/
    #M14_rechercher div#search_menu .forumline .row2 hr {border:1px dotted #20aec8;}
    /*on donne une apparence au texte Resultats par  Messages et sujets */
    #M14_rechercher div#search_menu .forumline .row2 .genmed {color: #20aec8;}
    /*on donne une apparence a la recherche avancee*/
    #M14_rechercher div#search_menu .forumline a  
    {
    height:30px;
    border-left:none !important;
    border-top:none !important;
    color: #20aec8 !important;
    text-decoration:none !important;
    }




Dernière édition par Milouze14 le Lun 29 Nov 2021 - 6:50, édité 11 fois
Revenir en haut Aller en bas
https://www.milouze14.com
fleur78
Milouzien

fleur78



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyVen 21 Juin 2013 - 16:35

Je regarde ça Merci
Revenir en haut Aller en bas
http://graphfleur78.forumactif.org/
Teten85
Milouzien

Teten85



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptySam 22 Juin 2013 - 20:20

Je découvre merci clin oeil
Revenir en haut Aller en bas
http://entrenous.bbfr.net/
Teten85
Milouzien

Teten85



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptySam 22 Juin 2013 - 20:28

Ça fonctionne evghe y nickel impeccable
Revenir en haut Aller en bas
http://entrenous.bbfr.net/
Milouze14
Fondateur

Milouze14



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptySam 22 Juin 2013 - 20:29

Penses a mettre le lien de ton forum dans ton profil Didier clin oeil .
Revenir en haut Aller en bas
https://www.milouze14.com
Teten85
Milouzien

Teten85



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyDim 23 Juin 2013 - 0:07

Je l'ai mis mais c'est un forum fermé :bryueryu:
Revenir en haut Aller en bas
http://entrenous.bbfr.net/
pierre31250
Milouzien

avatar



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyDim 23 Juin 2013 - 21:54

merci
Revenir en haut Aller en bas
fascicularia
Milouzien

fascicularia



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyMar 9 Juil 2013 - 11:07

Merci Milouze pour ce partage
Revenir en haut Aller en bas
https://altitudetropicale.forums-actifs.com/
fleur78
Milouzien

fleur78



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyJeu 25 Juil 2013 - 19:39

merci
Revenir en haut Aller en bas
http://graphfleur78.forumactif.org/
Squall
Milouzien

Squall



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyDim 4 Aoû 2013 - 17:14

Merci ^^
Revenir en haut Aller en bas
http://lesgamers.bbfr.net/
Invité
Invité
Anonymous



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyDim 6 Oct 2013 - 11:49

Merci :)
Revenir en haut Aller en bas
Milouze14
Fondateur

Milouze14



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyDim 6 Oct 2013 - 11:51

Pourquoi tu insères ce smiley , il n'y a rien de drôle Maxime   oups
Revenir en haut Aller en bas
https://www.milouze14.com
Invité
Invité
Anonymous



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyDim 6 Oct 2013 - 11:51

Oui mais je mais et sa mais ... alors


[fondateur]Suppression des smileys [/fondateur]
Revenir en haut Aller en bas
Milouze14
Fondateur

Milouze14



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyDim 6 Oct 2013 - 11:55

Ok, alors n'utilises plus ces caractères qui correspondent à ce smileys clin oeil  .
Revenir en haut Aller en bas
https://www.milouze14.com
Invité
Invité
Anonymous



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyJeu 17 Avr 2014 - 21:52

Merci
Revenir en haut Aller en bas
ThunderTB
Milouzien

ThunderTB



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyVen 5 Sep 2014 - 6:00

merci
Revenir en haut Aller en bas
http://hockeyfederation.forumgratuit.org/forum
Eczema Help
Milouzien

Eczema Help



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyDim 12 Oct 2014 - 19:45

Merci :)
Revenir en haut Aller en bas
http://eczemahelp.forumactif.org/
Sick.l.Offrande
Blocage
Sick.l.Offrande



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyLun 13 Oct 2014 - 0:25

Merci beaucoup !
Revenir en haut Aller en bas
https://office-equideow.forumactif.com/
Invité
Invité
Anonymous



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyDim 26 Oct 2014 - 17:44

Merci beaucoup !
Revenir en haut Aller en bas
Sick.l.Offrande
Blocage
Sick.l.Offrande



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyMer 17 Déc 2014 - 20:22

Merci beaucoup !
Revenir en haut Aller en bas
https://office-equideow.forumactif.com/
patriciadpt30
Milouzien

patriciadpt30



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyMer 18 Fév 2015 - 21:14

merci
Revenir en haut Aller en bas
1baptiste
Milouzien

1baptiste



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptySam 28 Fév 2015 - 10:48

Merci beaucoup !
Revenir en haut Aller en bas
http://horus.forumactif.com/
mariok
Membre regretté

mariok



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyVen 12 Juin 2015 - 14:16

Merci beaucoup !
Revenir en haut Aller en bas
http://www.amarid.net
El_Mojito
Milouzien

avatar



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyMar 10 Nov 2015 - 14:49

Merci beaucoup !
Revenir en haut Aller en bas
http://Crewweedganja.forumactif.be
dédé54
Milouzien

dédé54



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyJeu 31 Déc 2015 - 17:37

Merci beaucoup !
Revenir en haut Aller en bas
http://le-piegeage.1fr1.net/
El_Mojito
Milouzien

avatar



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptySam 2 Jan 2016 - 13:31

Merci beaucoup !
Revenir en haut Aller en bas
http://Crewweedganja.forumactif.be
Invité
Invité
Anonymous



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptySam 5 Mar 2016 - 18:23

Merci beaucoup !
Revenir en haut Aller en bas
dragon594
Milouzien

dragon594



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptySam 16 Juil 2016 - 22:13

Merci beaucoup !
Revenir en haut Aller en bas
https://dragon-graphisme59.forumactif.org/
Kaeyla
Milouzien

Kaeyla



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyDim 16 Avr 2017 - 7:38

Merci beaucoup !
Revenir en haut Aller en bas
https://sweethome.forumactif.com
Ombi
Milouzien

Ombi



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyMer 26 Juil 2017 - 22:13

Merci beaucoup !
Revenir en haut Aller en bas
https://vieminimaliste.forumactif.com/
Psychotic Bitch
Milouzien

Psychotic Bitch



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyDim 27 Jan 2019 - 15:50

Merci beaucoup !
Revenir en haut Aller en bas
https://wildestdreams.forumactif.com/
Ptite_Perle
Milouzien

Ptite_Perle



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyDim 10 Fév 2019 - 20:24

Merci beaucoup !
Revenir en haut Aller en bas
https://forumcrea.forumactif.org/
soleda
Milouzien

soleda



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyLun 11 Fév 2019 - 11:42

Merci beaucoup !
Revenir en haut Aller en bas
https://www.tutorielgraphismepfs.com/
fred9545
Milouzien

fred9545



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyLun 11 Fév 2019 - 18:40

Merci beaucoup !
Revenir en haut Aller en bas
http://www.mecanique-auto.com/
Ambroise
Milouzien

Ambroise



[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol EmptyMar 12 Fév 2019 - 13:33

Merci beaucoup !
Revenir en haut Aller en bas
https://mon-forum-perso.forumactif.com/
Contenu sponsorisé





[PHPBB2] Menu Rechercher en haut à gauche effet survol Empty
MessageSujet: Re: [PHPBB2] Menu Rechercher en haut à gauche effet survol   [PHPBB2] Menu Rechercher en haut à gauche effet survol Empty

Revenir en haut Aller en bas
 
[PHPBB2] Menu Rechercher en haut à gauche effet survol
Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant
 Sujets similaires
-
» [PHPBB2] Menu déroulant et Profil Rechercher et Nouveau M.P séparé
» [PHPBB2] Mettre un module de membres connectés en haut à gauche
» [PHPBB2] Afficher le règlement du forum en haut de sujet
» [PHPBB2] Effet loupe sur chaque message
» [PHPBB2]Ajouter l'infobulle au survol des boutons de la barre de navigation

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Astuces Forumactif :: Astuces Forumactif :: Les astuces Phpbb2-
Sauter vers: