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

Récupérer mon mot de passe

Derniers sujets
» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par clost Lun 13 Juil 2020 - 18:57

» [PHPBB2]Retirer les crochets des groupes dans le Qeel
par Morane Dim 5 Juil 2020 - 11:20

» [TOUTES VERSIONS] Afficher un bouton pour remonter en haut de page
par gigi60 Ven 3 Juil 2020 - 14:19

» [TOUTES VERSIONS] Afficher les likes seulement sur les messages des autres membres et plus encore
par photoclic Lun 29 Juin 2020 - 10:59

» [TOUTES VERSIONS] Connexion automatique après inscription
par tritri Sam 27 Juin 2020 - 17:55

» [PHPBB2] Mettre en résolu via la réponse rapide
par Kaiji Mer 17 Juin 2020 - 13:45

» [TOUTES VERSIONS] Menu sur 2 colonnes
par soleda Dim 14 Juin 2020 - 6:20

» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par croklivre Lun 25 Mai 2020 - 18:25

» [TOUTES VERSIONS] Faire clignoter les images des nouveaux messages
par croklivre Lun 25 Mai 2020 - 18:17

» [AWESOMEBB] Modifier l'icône du bouton d'accueil
par YOUGATAGA Mer 20 Mai 2020 - 13:56

» [AWESOMEBB] Mettre en résolu via la réponse rapide
par Milouze14 Ven 15 Mai 2020 - 8:38

» [INVISION] Mettre en résolu via la réponse rapide
par Milouze14 Ven 15 Mai 2020 - 8:30

» [PUNBB] Mettre en résolu via la réponse rapide
par Milouze14 Ven 15 Mai 2020 - 8:24

» [EDGE]Mettre en résolu via la réponse rapide
par Milouze14 Ven 15 Mai 2020 - 8:19

» [MODERNBB]Mettre en résolu via la réponse rapide
par Milouze14 Ven 15 Mai 2020 - 8:11

» [PHPBB3]Mettre en résolu via la réponse rapide
par Milouze14 Ven 15 Mai 2020 - 7:52

» [PUNBB]Retirer les crochets des groupes dans le Qeel
par Milouze14 Jeu 7 Mai 2020 - 6:32

» [INVISION]Retirer les crochets des groupes dans le Qeel
par Milouze14 Jeu 7 Mai 2020 - 6:28

» [MODERNBB]Retirer les crochets des groupes dans le Qeel
par Milouze14 Jeu 7 Mai 2020 - 6:09

» [AWESOMEBB]Retirer les crochets des groupes dans le Qeel
par Milouze14 Jeu 7 Mai 2020 - 6:03

[PHPBB2] Menu Rechercher en haut à gauche effet survol

Page 1 sur 2 1, 2  Suivant

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 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;
    }


Voila, c'est tout pour le moment clin oeil .
Un soucis direction l'entraide hinhin
https://www.milouze14.com/f14-entraide-forumactif



Dernière édition par Milouze14 le Mer 26 Fév 2020 - 18:48, édité 10 fois
fleur78
fleur78
Milouzien

Messagefleur78 le Ven 21 Juin 2013 - 16:35

Je regarde ça Merci
Teten85
Teten85
Milouzien

MessageTeten85 le Sam 22 Juin 2013 - 20:20

Je découvre merci clin oeil
Teten85
Teten85
Milouzien

MessageTeten85 le Sam 22 Juin 2013 - 20:28

Ça fonctionne evghe y nickel impeccable
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 22 Juin 2013 - 20:29

Penses a mettre le lien de ton forum dans ton profil Didier clin oeil .


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Teten85
Teten85
Milouzien

MessageTeten85 le Dim 23 Juin 2013 - 0:07

Je l'ai mis mais c'est un forum fermé :bryueryu:
avatar
pierre31250
Milouzien

Messagepierre31250 le Dim 23 Juin 2013 - 21:54

merci
fascicularia
fascicularia
Milouzien

Messagefascicularia le Mar 9 Juil 2013 - 11:07

Merci Milouze pour ce partage
fleur78
fleur78
Milouzien

Messagefleur78 le Jeu 25 Juil 2013 - 19:39

merci
Squall
Squall
Milouzien

MessageSquall le Dim 4 Aoû 2013 - 17:14

Merci ^^
Anonymous
Invité
Invité

MessageInvité le Dim 6 Oct 2013 - 11:49

Merci :)
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 6 Oct 2013 - 11:51

Pourquoi tu insères ce smiley , il n'y a rien de drôle Maxime   oups


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Anonymous
Invité
Invité

MessageInvité le Dim 6 Oct 2013 - 11:51

Oui mais je mais et sa mais ... alors


[fondateur]Suppression des smileys [/fondateur]
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 6 Oct 2013 - 11:55

Ok, alors n'utilises plus ces caractères qui correspondent à ce smileys clin oeil  .


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Anonymous
Invité
Invité

MessageInvité le Jeu 17 Avr 2014 - 21:52

Merci
avatar
ThunderTB
Milouzien

MessageThunderTB le Ven 5 Sep 2014 - 6:00

merci
Eczema Help
Eczema Help
Milouzien

MessageEczema Help le Dim 12 Oct 2014 - 19:45

Merci :)
Sick.l.Offrande
Sick.l.Offrande
Milouzien

MessageSick.l.Offrande le Lun 13 Oct 2014 - 0:25

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Dim 26 Oct 2014 - 17:44

Merci beaucoup !
Sick.l.Offrande
Sick.l.Offrande
Milouzien

MessageSick.l.Offrande le Mer 17 Déc 2014 - 20:22

Merci beaucoup !
patriciadpt30
patriciadpt30
Milouzien

Messagepatriciadpt30 le Mer 18 Fév 2015 - 21:14

merci
1baptiste
1baptiste
Milouzien

Message1baptiste le Sam 28 Fév 2015 - 10:48

Merci beaucoup !
mariok
mariok
Membre regretté

Messagemariok le Ven 12 Juin 2015 - 14:16

Merci beaucoup !
El_Mojito
El_Mojito
Milouzien

MessageEl_Mojito le Mar 10 Nov 2015 - 14:49

Merci beaucoup !
dédé54
dédé54
Milouzien

Messagedédé54 le Jeu 31 Déc 2015 - 17:37

Merci beaucoup !
El_Mojito
El_Mojito
Milouzien

MessageEl_Mojito le Sam 2 Jan 2016 - 13:31

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Sam 5 Mar 2016 - 18:23

Merci beaucoup !
dragon594
dragon594
Milouzien

Messagedragon594 le Sam 16 Juil 2016 - 22:13

Merci beaucoup !
Kaeyla
Kaeyla
Milouzien

MessageKaeyla le Dim 16 Avr 2017 - 7:38

Merci beaucoup !
Ombi
Ombi
Milouzien

MessageOmbi le Mer 26 Juil 2017 - 22:13

Merci beaucoup !
Psychotic Bitch
Psychotic Bitch
Milouzien

MessagePsychotic Bitch le Dim 27 Jan 2019 - 15:50

Merci beaucoup !
Ptite_Perle
Ptite_Perle
Milouzien

MessagePtite_Perle le Dim 10 Fév 2019 - 20:24

Merci beaucoup !
soleda
soleda
Milouzien

Messagesoleda le Lun 11 Fév 2019 - 11:42

Merci beaucoup !
fred9545
fred9545
Milouzien

Messagefred9545 le Lun 11 Fév 2019 - 18:40

Merci beaucoup !
Ambroise
Ambroise
Milouzien

MessageAmbroise le Mar 12 Fév 2019 - 13:33

Merci beaucoup !

Page 1 sur 2 1, 2  Suivant

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

Sujets similaires internes ( 0 )
Aucun sujet

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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