Traduction Anglais Français Traduction Anglais Grec Traduction Anglais Polonais Traduction Anglais Roumain Traduction Anglais Turc Traduction Anglais Espagnol
Cultural patrimony
Visits

   visitors

   visitor online

Links


bpapinou.gif

meric_graphisme.gif

Chez Jean-Mi

Chez Jean-Mi

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


Creation date : 30/03/2009 · 22:18
Last update : 31/08/2010 · 18:43
Category : miscellanous
Page read 2501 times


Print the article Print the article

 
Moving pictures
Connection...
 Members List Members : 37
members 10 last members :
alankoz    essai    Alain    michel84    chmol44    feraud    maritina    mido    Penanders    tebelo   

Your Username:

Password:

[ Password lost ? ]


[ Join us ]


  Member online :
  Anonymous online : 1

Total visits Total visits: 187693  

Most ever online
Most ever onlineMembers: 7

The 17/12/2008 @ 21:40

Most ever onlineTotal : 78

The 13/06/2012 @ 17:46

^ Top ^
haut de page
bas de page