Connexion

Récupérer mon mot de passe

Derniers sujets
» [TOUTES VERSIONS]Ajouter un contenu visible que par les membres ayant répondu.
par ThunderTB Dim 20 Sep 2020 - 17:01

» [TOUTES VERSIONS] Menu sur 2 colonnes
par fred9545 Sam 19 Sep 2020 - 18:43

» [PHPBB2] Cacher du contenu aux membres n'ayant pas assez de messages avec les balise hide
par Milouze14 Dim 13 Sep 2020 - 10:55

» [PHPBB2]Retirer les crochets des groupes dans le Qeel
par fred9545 Dim 9 Aoû 2020 - 18:53

» [TOUTES VERSIONS] Modifier les textes des MPs nons lus
par Morane Sam 1 Aoû 2020 - 17:30

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

» [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

» [PHPBB2] Supprimer directement un message sans retour
par Milouze14 Dim 7 Juin 2020 - 4:44

» [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

» [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne
par Milouze14 Dim 24 Mai 2020 - 5:38

» [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

[PHPBB2] Menu Rechercher en haut à gauche effet survol

Page 2 sur 2 Précédent  1, 2

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 21 Juin 2013 - 10:37

Rappel du premier message :

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

HardRock
HardRock
Milouzien

Avertissement : 10/100

MessageHardRock le Sam 16 Nov 2019 - 21:23

merci beaucoup

christ77000
christ77000
Milouzien

Messagechrist77000 le Mer 26 Fév 2020 - 15:46

Merci bien hinhin 

mais ca ne marche pas pour moi !
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 26 Fév 2020 - 18:50

Hello Christophe,
cette astuce date de 2013 et il y a eut des modifications depuis....
J'ai édité l'astuce pour apporter des modifications.
Il faut supprimer l'ajout dans le template, c'est à dire ceci:
Code:

    <!-- BEGIN switch_user_logged_in -->
    <div id="M14_rechercher">
     <script type="text/javascript">
    //<![CDATA[
    var url_search = '/search';
    insert_search_menu();//]]>
    </script>
    </div>
    <!-- END switch_user_logged_in -->

Ou ceci:

Code:

    <div id="M14_rechercher">
     <script type="text/javascript">
    //<![CDATA[
    var url_search = '/search';
    insert_search_menu();//]]>
    </script>
    </div>



Et remplacer toute la c.s.s.
Merci pour ta remontée Christophe hinhin  



Dernière édition par Milouze14 le Jeu 27 Fév 2020 - 19:37, édité 1 fois


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

Messagechrist77000 le Jeu 27 Fév 2020 - 14:11

super super

Page 2 sur 2 Précédent  1, 2

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