Connexion

Récupérer mon mot de passe

Derniers sujets
» [TOUTES VERSIONS sauf AwesomeBB] Ajouter une limite de caractères à la réponse rapide..
par Splash Sam 18 Jan 2020 - 10:25

» [TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition
par Milouze14 Sam 18 Jan 2020 - 5:03

» *CORBEILLE*[PHPBB2] Echange de trafic modifié en recherche interne inopérant
par Milouze14 Ven 17 Jan 2020 - 19:04

» [AWESOMEBB]Ajouter une limite de caractères à la réponse rapide..
par Milouze14 Ven 17 Jan 2020 - 16:28

» [TOUTES VERSIONS]Visualiser le mot de passe
par soleda Ven 17 Jan 2020 - 6:00

» *RESOLU*[PHPBB2] Nouveaux BBcode pour le TchatBox :
par Milouze14 Mer 15 Jan 2020 - 18:08

» *RESOLU*[PHPBB3] Bouton à Smileys
par Milouze14 Mer 15 Jan 2020 - 11:23

» histoire du Jour sans fin
par Quad Daniel Mar 14 Jan 2020 - 12:51

» Histoire de Blondes Sans Fin
par Quad Daniel Mar 14 Jan 2020 - 12:48

» [AWESOMEBB]Afficher les widgets à droite
par Splash Mar 14 Jan 2020 - 8:21

» [AWESOMEBB] Widget "Derniers Sujets"
par Milouze14 Mar 14 Jan 2020 - 7:20

» *RESOLU*[PHPBB3] Bouton à Smileys
par Milouze14 Sam 11 Jan 2020 - 16:13

» *RESOLU*[AWESOMEBB] Nombre de caractères restant sur les nouveaux sujets
par Milouze14 Sam 11 Jan 2020 - 15:55

» *RESOLU*[PHPBB3] Bouton avec menu déroulant
par Milouze14 Sam 11 Jan 2020 - 15:52

» C’est fort de calva !
par Quad Daniel Sam 11 Jan 2020 - 10:14

» *RESOLU*[EDGE] Supprimer la balise br ou saut de ligne
par Milouze14 Sam 11 Jan 2020 - 9:18

» *RESOLU*[EDGE] Ajouter l'avatar du membre à côté de la réponse rapide
par Milouze14 Ven 10 Jan 2020 - 20:21

» *RESOLU*[AWESOMEBB] Design Footer
par Milouze14 Ven 10 Jan 2020 - 19:24

» *RESOLU*[PHPBB2] Cacher une catégorie
par Milouze14 Ven 10 Jan 2020 - 19:22

» *RESOLU*[PHPBB2] Javascript Nouveau MP en gras
par Milouze14 Jeu 9 Jan 2020 - 18:48

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

On le cache en ne laissant apparaitre qu'une petite partie hinhin .

-Astuce des Forums Milouze14&Compagnie-





  • Astuce postée par:
    Réponse automatique:

    Merci de cliquer ici pour voir le message

Pour toute information,merci de contacter un Membre du Staff
[PHPBB2] Menu Rechercher en haut à gauche effet survol - Page 2 Staff10

Allez on y va  hinhin .


Dans le template overall_header  :
Affichage/Templates/Général/ overall_header

Rechercher ceci:
Code:
<div style="clear: both;"></div>

Juste avant déposez ceci pour que le menu ne soit visible que par vos membres:

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 alors pour les invités

Code:

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



Pensez à enregistrer puis à valider en cliquant respectivement sur  Enregistr  puis Ajout

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 div#search_menu
{
position:absolute !important;
width:250px !important;
height:130px !important;
top:100px !important;
left:-252px !important;
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 deplace le bloc*/
#M14_rechercher div#search_menu:hover
{
left:0!important;
}
/*on personnalise en affichant un texte*/
#M14_rechercher div#search_menu:before
{
content:'Moteur de recherche des forums';
color: #20aec8;
font-size:13px;
margin-left:10px;
}
/*on affiche un petite triangle a droite du bloc en le positionnant au milieu*/
#M14_rechercher div#search_menu:after
{
content:'';
float:left;
margin-top:-65px;
margin-left:254px;
border:1px solid #20aec8;
border-color:transparent transparent transparent #20aec8   ;
border-width:10px;/*ne pas toucher*/
}

/*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;
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;}
/*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;
text-decoration:none !important;
}



Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide clin oeil
https://www.milouze14.com/f108-entraide-tous-supports


Dernière édition par Milouze14 le Mer 11 Avr 2018 - 7:27, édité 8 fois

Ambroise
Milouzien

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

Merci beaucoup !
HardRock
HardRock
Milouzien

MessageHardRock le Sam 16 Nov 2019 - 21:23

merci beaucoup

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

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

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