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

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

Barre de navigation flottante

Page 1 sur 2 1, 2  Suivant

Aller en bas

Barre de navigation flottante

Message  Admin le 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
 
 

Prénom : Staff (Patrick)
Masculin
forumactif

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Barre de navigation flottante

Message  Vagabonde le Ven 16 Mar 2018, 12:02

Super!
MERCI! rose1

______________________________________________________________________________________
" La Flatterie tend un miroir à l' Orgueil"
"la réaction enchaîne ,  la création libère".
avatar
Vagabonde
 
 

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


Voir le profil de l'utilisateur http://fanvaga.blogspot.fr/

Revenir en haut Aller en bas

Re: Barre de navigation flottante

Message  Firefly le Ven 16 Mar 2018, 12:10

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

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

Prénom : Chris
Masculin
Ulead photo express, DXO, du scotch et des ciseaux
Pamarès photo : 5 or 6 argent 14 bronze
Palmarès montage : 15 or 12 argent 7 bronze


Voir le profil de l'utilisateur http://www.uriah-heep.fr//

Revenir en haut Aller en bas

Re: Barre de navigation flottante

Message  gobois64 le Ven 16 Mar 2018, 14:11

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

Prénom : gerard
Masculin
Dxo Pro 8, LightZone, FastStone et des bières artisanales !

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Barre de navigation flottante

Message  G2Vicoigne le Ven 16 Mar 2018, 18:10

bravo c' est super

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

Prénom : Gérard
Masculin
Gimp, Darktable,LR
Palmarès photo : 1 bronze

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Barre de navigation flottante

Message  Admin le Lun 19 Mar 2018, 13:20

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

Admin
 
 

Prénom : Staff (Patrick)
Masculin
forumactif

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Barre de navigation flottante

Message  mich42 le 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 14
Palmarès photo : 2 or 5 argent 4 bronze

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Barre de navigation flottante

Message  Alain le Jeu 22 Mar 2018, 17:51

Super et bien pratique ;
merci grand chef

______________________________________________________________________________________
     Rien n'est acquis                       
avatar
Alain
 
 

Prénom : Alain
Masculin
LR 6.14

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Barre de navigation flottante

Message  Admin le Ven 23 Mar 2018, 08:15

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

Admin
 
 

Prénom : Staff (Patrick)
Masculin
forumactif

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Barre de navigation flottante

Message  G2Vicoigne le 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
avatar
G2Vicoigne
 
 

Prénom : Gérard
Masculin
Gimp, Darktable,LR
Palmarès photo : 1 bronze

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Barre de navigation flottante

Message  G2Vicoigne le 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
avatar
G2Vicoigne
 
 

Prénom : Gérard
Masculin
Gimp, Darktable,LR
Palmarès photo : 1 bronze

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Barre de navigation flottante

Message  Admin le 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
 
 

Prénom : Staff (Patrick)
Masculin
forumactif

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Barre de navigation flottante

Message  G2Vicoigne le Ven 23 Mar 2018, 10:41

你入侵 Patrick ?

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

Prénom : Gérard
Masculin
Gimp, Darktable,LR
Palmarès photo : 1 bronze

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Barre de navigation flottante

Message  mich42 le 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 14
Palmarès photo : 2 or 5 argent 4 bronze

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Barre de navigation flottante

Message  G2Vicoigne le 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
avatar
G2Vicoigne
 
 

Prénom : Gérard
Masculin
Gimp, Darktable,LR
Palmarès photo : 1 bronze

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Barre de navigation flottante

Message  Admin le 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
 
 

Prénom : Staff (Patrick)
Masculin
forumactif

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Barre de navigation flottante

Message  Admin le Ven 23 Mar 2018, 10:54

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

Admin
 
 

Prénom : Staff (Patrick)
Masculin
forumactif

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Barre de navigation flottante

Message  mich42 le Ven 23 Mar 2018, 11:28

Sacré Patrick !!!!!!! ptdr

mich42
 
 

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

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Barre de navigation flottante

Message  jmlyon le Sam 24 Mar 2018, 15:00

Super cette fonctionnalité cool
Merci Patrick

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

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


Voir le profil de l'utilisateur https://www.flickr.com/photos/jm_morin/

Revenir en haut Aller en bas

Re: Barre de navigation flottante

Message  G2Vicoigne le Sam 24 Mar 2018, 17:31

Très utile merci

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

Prénom : Gérard
Masculin
Gimp, Darktable,LR
Palmarès photo : 1 bronze

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Page 1 sur 2 1, 2  Suivant

Revenir en haut


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