passion photo passion montage
Bonjour, vous êtes bien sur le forum Passion photo... Passion montage, site dédié à la photographie et au montage photo.
Le forum est ouvert à tous, même aux visiteurs. Si vous souhaitez vous inscrire et devenir membre, merci de passer par la case présentation afin de faire connaissance sur vous, votre niveau et votre matériel.

Pour vous enregistrer, c'est simple :
Vous cliquez sur "s'enregistrer".
Vous acceptez le règlement après l'avoir lu.
Vous vous trouvez un nom d'utilisateur (pseudo) et un mot de passe.

La validation d'enregistrement revient ensuite aux administrateurs. Elle ne sera faite que si le profil est bien rempli. Si ce n'est le cas, le compte ne sera pas activé.

Si vous êtes déjà enregistré, cliquez sur "connexion", inscrivez votre nom d'utilisateur et votre mot de passe.

N'hésitez pas, venez rejoindre notre groupe de passionnés.
C'est un forum de convivialité, de partage et totalement gratuit !!!

Les membres vous remercient de ne pas vous inscrire pour rien car un forum ne peut vivre que par vos commentaires et photos.
A ce titre, nous supprimerons tout les comptes des membres n'ayant pas postés de messages dans un délai d'un mois.

En cas de problème pour vous connecter, vous pouvez joindre le staff via cette adresse :
staff@passionphoto-passionmontage.com
passion photo passion montage
Bonjour, vous êtes bien sur le forum Passion photo... Passion montage, site dédié à la photographie et au montage photo.
Le forum est ouvert à tous, même aux visiteurs. Si vous souhaitez vous inscrire et devenir membre, merci de passer par la case présentation afin de faire connaissance sur vous, votre niveau et votre matériel.

Pour vous enregistrer, c'est simple :
Vous cliquez sur "s'enregistrer".
Vous acceptez le règlement après l'avoir lu.
Vous vous trouvez un nom d'utilisateur (pseudo) et un mot de passe.

La validation d'enregistrement revient ensuite aux administrateurs. Elle ne sera faite que si le profil est bien rempli. Si ce n'est le cas, le compte ne sera pas activé.

Si vous êtes déjà enregistré, cliquez sur "connexion", inscrivez votre nom d'utilisateur et votre mot de passe.

N'hésitez pas, venez rejoindre notre groupe de passionnés.
C'est un forum de convivialité, de partage et totalement gratuit !!!

Les membres vous remercient de ne pas vous inscrire pour rien car un forum ne peut vivre que par vos commentaires et photos.
A ce titre, nous supprimerons tout les comptes des membres n'ayant pas postés de messages dans un délai d'un mois.

En cas de problème pour vous connecter, vous pouvez joindre le staff via cette adresse :
staff@passionphoto-passionmontage.com

Le forum des passionnés de la photo et du montage photo quels que soient les niveaux


Merci d'héberger vos photos à la définition maximum de 1024 pixels (autant en hauteur qu'en largeur).

Le Deal du moment :
LEGO Icons 10331 – Le martin-pêcheur
Voir le deal
35 €

Barre de navigation flottante

+3
Firefly
Vagabonde
Admin
7 participants

passion photo passion montage :: PRESENTATION ET MODE D'EMPLOI DU FORUM :: Mode d'emploi du forum :: La faq (foire aux questions)

Page 1 sur 2 • 1, 2  Suivant

Aller en bas

Barre de navigation flottante Empty Barre de navigation flottante

Message  Admin Ven 16 Mar 2018, 11:53

Bonjour à tous, je viens d'installer une barre de navigation flottante. Cette barre de navigation s'affiche lorsque celle d'origine n'es plus visible.
Cela vous permet de cliquer sur Nouveaux messages ou sur un autre bouton sans devoir remonter en haut du forum si vous êtes au fin fond d'un post Wink .


Dernière édition par Admin le Ven 23 Mar 2018, 08:53, édité 1 fois
Admin
Admin
 
 

Prénom : Staff (Chris)
Masculin
Divers

Revenir en haut Aller en bas

Barre de navigation flottante Empty Re: Barre de navigation flottante

Message  Vagabonde Ven 16 Mar 2018, 12:02

Super!
MERCI! rose1

______________________________________________________________________________________
"la réaction enchaîne ,  la création libère".
Je fais l' éloge de la fausse note  pour la magnifier dans la symphonie de la vie
Barre de navigation flottante Img_1010
Vagabonde
Vagabonde
 
 

Prénom : Fan
Féminin
Photoshop
Palmarès photo : 5 or 4 argent 6 bronze
Palmarès montage : 1 or 5 argent 8 bronze


http://fanvaga.blogspot.fr/

Revenir en haut Aller en bas

Barre de navigation flottante Empty Re: Barre de navigation flottante

Message  Firefly Ven 16 Mar 2018, 12:10

C'est TOP du TOP!!!! Je suis déjà un adepte Bravo

______________________________________________________________________________________
Chris Firefly te salue Invité bonjour
Firefly
Firefly
Administrateur
Administrateur

Prénom : Chris
Masculin
Ulead photo express, DXO, du scotch et des ciseaux
Pamarès photo : 8 or 9 argent 19 bronze
Palmarès montage : 15 or 12 argent 9 bronze


http://www.uriah-heep.fr//

Revenir en haut Aller en bas

Barre de navigation flottante Empty Re: Barre de navigation flottante

Message  Invité Ven 16 Mar 2018, 14:11

Très pratique cette barre flottante, bravo et merci !

Invité
Invité


Revenir en haut Aller en bas

Barre de navigation flottante Empty Re: Barre de navigation flottante

Message  G2Vicoigne Ven 16 Mar 2018, 18:10

bravo c' est super

______________________________________________________________________________________
'
" Une photographie, c'est un fragment de temps qui ne reviendra pas."
- Martine Franck
Barre de navigation flottante Unname10
G2Vicoigne
G2Vicoigne
 
 

Prénom : Gérard
Masculin
Gimp,Art,Affinity Photo
Palmarès photo : 1 bronze

Revenir en haut Aller en bas

Barre de navigation flottante Empty Re: Barre de navigation flottante

Message  Admin Lun 19 Mar 2018, 13:20

Je vais essayer d'y ajouter l'hébergeur d'image Wink .
Admin
Admin
 
 

Prénom : Staff (Chris)
Masculin
Divers

Revenir en haut Aller en bas

Barre de navigation flottante Empty Re: Barre de navigation flottante

Message  mich42 Jeu 22 Mar 2018, 17:46

Merci Patrick ..... t'es UN CHEF !!!!!!!!!!!!!!!!!!!!!  Very Happy Very Happy Very Happy Bravo

mich42
 
 

Prénom : Michel
Masculin
PhotoShop Eléments
Palmarès photo : 5 or 7 argent 7 bronze

Revenir en haut Aller en bas

Barre de navigation flottante Empty Re: Barre de navigation flottante

Message  Alain Jeu 22 Mar 2018, 17:51

Super et bien pratique ;
merci grand chef

______________________________________________________________________________________
     Rien n'est acquis                       
Alain
Alain
 
 

Prénom : Alain
Masculin
Boite magique

Revenir en haut Aller en bas

Barre de navigation flottante Empty Re: Barre de navigation flottante

Message  Admin Ven 23 Mar 2018, 08:15

Bonjour à tous, j'ai ajouté l'hébergeur d'image Wink .
Admin
Admin
 
 

Prénom : Staff (Chris)
Masculin
Divers

Revenir en haut Aller en bas

Barre de navigation flottante Empty Re: Barre de navigation flottante

Message  G2Vicoigne Ven 23 Mar 2018, 08:19

Merci Patrick c'est super de chez super

______________________________________________________________________________________
'
" Une photographie, c'est un fragment de temps qui ne reviendra pas."
- Martine Franck
Barre de navigation flottante Unname10
G2Vicoigne
G2Vicoigne
 
 

Prénom : Gérard
Masculin
Gimp,Art,Affinity Photo
Palmarès photo : 1 bronze

Revenir en haut Aller en bas

Barre de navigation flottante Empty Re: Barre de navigation flottante

Message  G2Vicoigne Ven 23 Mar 2018, 09:41

Patrick, depuis que l' hébergeur est ajouté il n'y a plus les 3 traits parallèles et la barre est toujours apparante.
Est-ce normal ?

______________________________________________________________________________________
'
" Une photographie, c'est un fragment de temps qui ne reviendra pas."
- Martine Franck
Barre de navigation flottante Unname10
G2Vicoigne
G2Vicoigne
 
 

Prénom : Gérard
Masculin
Gimp,Art,Affinity Photo
Palmarès photo : 1 bronze

Revenir en haut Aller en bas

Barre de navigation flottante Empty Re: Barre de navigation flottante

Message  Admin Ven 23 Mar 2018, 09:49

Pour l'instant oui Gérard. Je suis dessus et n'arrive pas à supprimer ce petit filé blanc en dessous. Je crois que c'est celui de visible sous la barre fixe du forum (sans convition).
Et comme le codage est un peu du chinois pour moi, je bidouille siffleur .
Admin
Admin
 
 

Prénom : Staff (Chris)
Masculin
Divers

Revenir en haut Aller en bas

Barre de navigation flottante Empty Re: Barre de navigation flottante

Message  G2Vicoigne Ven 23 Mar 2018, 10:41

你入侵 Patrick ?

______________________________________________________________________________________
'
" Une photographie, c'est un fragment de temps qui ne reviendra pas."
- Martine Franck
Barre de navigation flottante Unname10
G2Vicoigne
G2Vicoigne
 
 

Prénom : Gérard
Masculin
Gimp,Art,Affinity Photo
Palmarès photo : 1 bronze

Revenir en haut Aller en bas

Barre de navigation flottante Empty Re: Barre de navigation flottante

Message  mich42 Ven 23 Mar 2018, 10:44

Oh ben alors pas de problème pour moi , je parle 28 langues couramment dont le chinois et l'égyptien !!!!! yahoo

mich42
 
 

Prénom : Michel
Masculin
PhotoShop Eléments
Palmarès photo : 5 or 7 argent 7 bronze

Revenir en haut Aller en bas

Barre de navigation flottante Empty Re: Barre de navigation flottante

Message  G2Vicoigne Ven 23 Mar 2018, 10:49

J'è dé ja du mâle aveque le frenssais

______________________________________________________________________________________
'
" Une photographie, c'est un fragment de temps qui ne reviendra pas."
- Martine Franck
Barre de navigation flottante Unname10
G2Vicoigne
G2Vicoigne
 
 

Prénom : Gérard
Masculin
Gimp,Art,Affinity Photo
Palmarès photo : 1 bronze

Revenir en haut Aller en bas

Barre de navigation flottante Empty Re: Barre de navigation flottante

Message  Admin Ven 23 Mar 2018, 10:53

Merci pour votre aide, c'est super sympa victoire

Alors  vous trouvez le CSS dans lequel il faut certainement modifier quelque chose
En dessous le Javascript dans lequel il faut certainement modifier quelque chose aussi... ou pas  siffleur

Attention, il y a un ascenseur sur chacun d'eux haha

Allez, je vais me coucher car j'ai mal au crâne moi repos

Code:
/* sticky nav main */
#fa_sticky_nav {
  font-size:0; /* hide whitespace */
  text-align:center;
  background:#FAFAFA;
  border-bottom:1px solid #CCC !important;
  height:30px;
  position:fixed;
  right:0;
  z-index:999;
  overflow:hidden;
  transition:top 200ms linear, width 600ms ease-in-out;
}
 
#fa_sticky_nav li { display:inline } /* navlist adjustment */
 
 
/* sticky menu links */
#fa_sticky_nav a.mainmenu {
  color:#39C;
  font-size:12px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
  background:url('https://i.servimg.com/u/f18/18/45/41/65/nav10.png') repeat-x 0px 30px;
  display:inline-block;
  padding:0 10px;
  height:30px;
  line-height:30px;
  transition:200ms;
}
 
#fa_sticky_nav a.mainmenu:hover, #fa_sticky_nav a.mainmenu.fa_navactif {
  background-position:0 25px;
}
 
 
/* sticky nav toggler */
#fa_sticky_toggle {
  background:url('https://i.servimg.com/u/f21/18/21/41/30/omnibo10.png') no-repeat 0 0 #FAFAFA;
  border:1px solid #CCC;
  border-right:none;
  display:inline-block;
  height:29px;
  width:30px;
  position:fixed;
  right:0;
  z-index:999;
  transition:top 200ms linear;
}
 
#fa_sticky_toggle:hover { background-position:-30px 0 }
 
 
/* make hidden toolbar similar to toggler */
#fa_toolbar_hidden {
  border-radius:0 !important;
  border:1px solid #CCC;
  border-right:0;
  border-top:0;
}
 
 
/* post offset fix */
.post div[style*="-30px;"] {
  top:-60px !important;
}

Code:
(function() {
  if (!window.FA) window.FA = {};
  if (FA.Nav) {
    if (window.console && console.warn) console.warn('FA.Nav has already been defined');
    return;
  }
 
  FA.Nav = {
    
    // TARGET NODES POUR CHAQUE VERSION
    // PHPBB2  : ".bodyline > table + table"
    // PHPBB3  : "#page-header .navlinks"
    // PUNBB    : "#pun-navlinks"
    // INVISION : "#submenu"
    targetNode : "#page-header .navlinks",
    
    customNav : '', // custom navlinks
    
    keepDefault : true, // keep the default navlinks
    collapsible : true, // show hide button
    
    
    // offset states
    offsets : {
      tbVisible : {
        bottom : 30,
        top : '30px'
      },
      
      tbHidden : {
        bottom : 0,
        top : '0px'
      },
      
      toggler : '30px'
    },
    
    activeOffset : {}, // active offset for the sticky nav
    
    visible : false, // sticky nav is visible
    
    // check the state of the static nav
    checkState : function() {
      if (!FA.Nav.animating) {
        var hidden = FA.Nav.barStatic.getBoundingClientRect().bottom <= FA.Nav.activeOffset.bottom;
      
        if (hidden && FA.Nav.barSticky.style.top != FA.Nav.activeOffset.top) {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = FA.Nav.offsets.toggler;
          FA.Nav.barSticky.style.top = FA.Nav.activeOffset.top;
          FA.Nav.visible = true;
        } else if (!hidden && FA.Nav.barSticky.style.top != '-30px') {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = '-30px';
          FA.Nav.barSticky.style.top = '-30px';
          FA.Nav.visible = false;
        }
      }
    },
    
    animating : false, // sticky nav is animating
    
    // animate the sticky nav when the toolbar is toggled
    animate : function() {
      if (FA.Nav.visible) {
        FA.Nav.animating = true;
        FA.Nav.barSticky.style.transition = 'none';
      
        $(FA.Nav.barSticky).animate({
          top : FA.Nav.activeOffset.top
        }, function() {
          FA.Nav.barSticky.style.transition = '';
          FA.Nav.animating = false;
          FA.Nav.checkState();
        });
      }
    },
    
    // toggle sticky navigation and remember preference via cookies
    toggle : function() {
      if (FA.Nav.barSticky.style.width == '100%') {
        my_setcookie('fa_sticky_nav', 'hidden');
        FA.Nav.barSticky.style.width = '0%';
      } else {
        my_setcookie('fa_sticky_nav', 'shown');
        FA.Nav.barSticky.style.width = '100%';
      }
      return false;
    }
    
  };
  
  $(function() {
    // set default offsets based on toolbar state
    FA.Nav.activeOffset = (my_getcookie('toolbar_state') == 'fa_hide' || !_userdata.activate_toolbar) ? FA.Nav.offsets.tbHidden : FA.Nav.offsets.tbVisible;
    if (!_userdata.activate_toolbar) FA.Nav.offsets.toggler = '0px';
    
    // find the static nav
    FA.Nav.barStatic = document.querySelector ? document.querySelector(FA.Nav.targetNode) : $(FA.Nav.targetNode)[0]; // static nav
    
    if (FA.Nav.barStatic) {
      $(function() {
        FA.Nav.barSticky = FA.Nav.barStatic.cloneNode(FA.Nav.keepDefault); // clone static nav
        if (FA.Nav.customNav) FA.Nav.barSticky.insertAdjacentHTML('beforeEnd', FA.Nav.customNav);
        FA.Nav.barSticky.id = 'fa_sticky_nav';
        FA.Nav.barSticky.style.width = my_getcookie('fa_sticky_nav') == 'hidden' ? '0%' : '100%';
        FA.Nav.barSticky.style.top = '-30px';
          
        document.body.appendChild(FA.Nav.barSticky); // append the sticky one
          
        // sticky nav toggler
        if (FA.Nav.collapsible) {
          FA.Nav.toggler = document.createElement('A');
          FA.Nav.toggler.id = 'fa_sticky_toggle';
          FA.Nav.toggler.href = '#';
          FA.Nav.toggler.style.top = '-30px';
          FA.Nav.toggler.onclick = FA.Nav.toggle;
          
          document.body.appendChild(FA.Nav.toggler);
        };
        
        window.onscroll = FA.Nav.checkState; // check state on scroll
        FA.Nav.checkState(); // startup check
          
        // animate sticky nav and change offsets when the toolbar is toggled
        $('#fa_hide').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbHidden;
          FA.Nav.animate();
        });
        
        $('#fa_show').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbVisible;
          FA.Nav.animate();
        });
      });
    }
  });
}());
Admin
Admin
 
 

Prénom : Staff (Chris)
Masculin
Divers

Revenir en haut Aller en bas

Barre de navigation flottante Empty Re: Barre de navigation flottante

Message  Admin Ven 23 Mar 2018, 10:54

J'oubliais, dans toutes ces lignes, je ne connais que "offset"... Normal, j'étais imprimeur haha
Admin
Admin
 
 

Prénom : Staff (Chris)
Masculin
Divers

Revenir en haut Aller en bas

Barre de navigation flottante Empty Re: Barre de navigation flottante

Message  mich42 Ven 23 Mar 2018, 11:28

Sacré Patrick !!!!!!! ptdr

mich42
 
 

Prénom : Michel
Masculin
PhotoShop Eléments
Palmarès photo : 5 or 7 argent 7 bronze

Revenir en haut Aller en bas

Barre de navigation flottante Empty Re: Barre de navigation flottante

Message  jmlyon Sam 24 Mar 2018, 15:00

Super cette fonctionnalité cool
Merci Patrick

______________________________________________________________________________________
Jean-Michel   photo5
https://www.flickr.com/photos/jm_morin/
jmlyon
jmlyon
Administrateur
Administrateur

Prénom : Jean-Michel
Masculin
PhotoShop Elements 10
Palmarès photo : 5 or 3 argent 9 bronze
Palmarès montage : 1 argent 1 bronze


Revenir en haut Aller en bas

Barre de navigation flottante Empty Re: Barre de navigation flottante

Message  G2Vicoigne Sam 24 Mar 2018, 17:31

Très utile merci

______________________________________________________________________________________
'
" Une photographie, c'est un fragment de temps qui ne reviendra pas."
- Martine Franck
Barre de navigation flottante Unname10
G2Vicoigne
G2Vicoigne
 
 

Prénom : Gérard
Masculin
Gimp,Art,Affinity Photo
Palmarès photo : 1 bronze

Revenir en haut Aller en bas

Barre de navigation flottante Empty Re: Barre de navigation flottante

Message  Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Page 1 sur 2 • 1, 2  Suivant

Revenir en haut

- Sujets similaires

passion photo passion montage :: PRESENTATION ET MODE D'EMPLOI DU FORUM :: Mode d'emploi du forum :: La faq (foire aux questions)

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