Connexion

Récupérer mon mot de passe

Derniers sujets
» *RESOLU*[PhpBB3] Aide sur syntaxe JS
par Milouze14 Aujourd'hui à 17:35

» *RESOLU*[ModernBB] Décoration !
par Milouze14 Aujourd'hui à 16:55

» *RESOLU*[Invision] Vote négatif réservé aux modérateurs et administrateurs
par Milouze14 Aujourd'hui à 16:12

» *RESOLU*[ModernBB] Cherche script participation et autres
par Milouze14 Hier à 17:59

» [Toutes versions]Ajouter un contenu visible que par les membres ayant répondu.
par oneandone Hier à 17:37

» [PhpBB2] Supprimer zone commentaires des infos profil
par Milouze14 Hier à 6:02

» *RESOLU*[PhpBB2] Supprimer champ de contact dans les infos de profil,
par Milouze14 Dim 8 Déc 2019 - 20:29

» *RESOLU*[Invision] Déplacement du bouton résolu (suite et fin?)
par Milouze14 Dim 8 Déc 2019 - 9:01

» Règlement de l'entraide Forumactif
par oneandone Sam 7 Déc 2019 - 13:58

» *RESOLU*[PhpBB3] Outil modération
par Milouze14 Jeu 5 Déc 2019 - 19:30

» *CORBEILLE*[Edge] Pub intrusive
par Milouze14 Mer 4 Déc 2019 - 3:55

» *RESOLU*[PhpBB3] Compte à rebours hebdomadaire permanent
par Milouze14 Mar 3 Déc 2019 - 19:02

» *RESOLU*[PhpBB2] Selecteur de style | placement
par Milouze14 Mar 3 Déc 2019 - 16:32

» *RESOLU*[PhpBB3] Retirer lien Signaler un abus
par Milouze14 Lun 2 Déc 2019 - 15:10

» *RESOLU*[PhpBB2] Largeur du forum
par Milouze14 Lun 2 Déc 2019 - 3:55

» [PhpBB2] Du relief sur mon annonce
par Milouze14 Dim 1 Déc 2019 - 15:24

» [Edge] Ajouter un bouton j'aime
par Milouze14 Sam 30 Nov 2019 - 16:04

» Histoire de Blondes Sans Fin
par Quad Daniel Ven 29 Nov 2019 - 8:46

» [PhpBB2] Mettre une ancre sur chaque sujet contenu dans la liste des sujets
par Milouze14 Jeu 28 Nov 2019 - 15:26

» histoire du Jour sans fin
par Quad Daniel Jeu 28 Nov 2019 - 7:29

[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