Patrimoine culturel
Visites

   visiteurs

   visiteurs en ligne

Liens


bpapinou.gif

meric_graphisme.gif

Chez Jean-Mi

Chez Jean-Mi

divers - Code FLECHES haut bas à gauche de l'écran

Code flèches haut bas à gauche de l'écran.

Pour placer à gauche de votre écran 2 flèches permettant d'aller directement vers le haut ou le bas de l'écran et pour que ces flèches restent toujours au milieu de l'écran.

1) uploadez sur votre site dans le dossier    inc/img/general/    2 images de taille 20 x 20px que vous nommerez micro_ardoise_haut20x20.jpg et micro_ardoise_bas20x20.jpg. si vous utilisez un autre nom n'oubliez pas de changer son nom dans le code.

2) ouvrez le fichier    inc/bpage.inc avec un éditeur de texte comme le freeware notepad++

3)trouvez la ligne   echo "\n</body>\n</html>"; vers la fin.

4) insérez juste avant cette ligne le code suivant.

 <!-- DEBUT  flèches haut bas: Code pour IE7 mais aussi Safari, Firefox, Opera, etc.,      mais ni IE5.x ni IE6.0 Windows -->
echo "<a name='foot'></a>";
?>
<!--[if gte IE 7]> <!-->
<div  style="position: fixed; top: 360px; left: 0px; z-index: 200; text-align:left;">
  <a href=#top  title="Aller en haut de page - Go up" >
   <img style="z-index: 200; border: 0px;"
    
    src="<?php echo CHEMIN; ?>inc/img/general/micro_ardoise_haut20x20.jpg" alt="haut de page"/></a>
    <br />
  <a href=#foot  title="Aller en bas de page - Go down" >
   <img style="z-index: 200; border: 0px;margin-top:10px;"
    
    src="<?php echo CHEMIN; ?>inc/img/general/micro_ardoise_bas20x20.jpg" alt="bas de page"/></a>
 </div>
<!--> <![endif]-->
//<!--   flèches haut bas: Code pour les versions de IE inférieur ou égal à 6 -->
<!--[if lte IE 6]>
 <div  style="position: absolute;
        top: expression((document.documentElement.scrollTop || document.body.scrollTop) + this.offsetHeight - this.offsetHeight+360);
      left: 0px; z-index: 200; text-align:left;">
  <a href=#top  title="Aller en haut de page - Go up" >
   <img style="z-index: 200; border: 0px;"
    
    src="<?php echo CHEMIN; ?>inc/img/general/micro_ardoise_haut20x20.jpg" alt="haut de page"/></a>
    <br />
  <a href=#foot  title="Aller en bas de page - Go down" >
   <img style="z-index: 200; border: 0px;margin-top:10px;"
    
    src="<?php echo CHEMIN; ?>inc/img/general/micro_ardoise_bas20x20.jpg" alt="bas de page"/></a>
 </div>     
<![endif]-->

<?php
//<!-- FIN flèches haut bas -->

 

4) sauvegardez sous le même nom bpage.inc et uploadez ce fichier à sa place sur votre site.


Date de création : 30/03/2009 · 22:18
Dernière modification : 31/08/2010 · 18:43
Catégorie : divers
Page lue 4266 fois


Imprimer l'article Imprimer l'article

 
Films d'animation
Connexion...
 Liste des membres Membres : 37
membres 10 derniers membres :
alankoz    essai    Alain    michel84    chmol44    feraud    maritina    mido    Penanders    tebelo   

Votre pseudo :

Mot de passe :

[ Mot de passe perdu ? ]


[ Devenir membre ]


  Membre en ligne :
  Anonymes en ligne : 32

Total visites Total visites: 430420  

Record connectés :
Record connectés :Membres: 7

Le 17/12/2008 @ 21:40

Record connectés :Cumulé : 160

Le 03/09/2023 @ 10:51

^ Haut ^
haut de page
bas de page