La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  lien htm qui s'allume et s'éteint doucement en rollover
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: lien htm qui s'allume et s'éteint doucement en rollover  (Lu 1615 fois)
lien htm qui s'allume et s'éteint doucement en rollover
« sur: le 20-02-2003 a 10:24:58 »
Christophe Cherel
Membre récent
*

Hors-Ligne

Messages: 1



Hello Boy!

Voir le Profil    E-Mail
Répondre avec citation

Il existe un CSS qui permet de faire du Fade-in / Fade out en rollover sur les liens html pour Explorer5.5. Quelqu'un sait faire ça ?

Pour exemple, voyez cette page :
http://divxstation.com/softwareId.asp?sId=163

« Dernière Édition: le 20-02-2003 a 10:27:33 par Christophe Cherel » Rapporter au modérateur  

Re:lien htm qui s'allume et s'éteint doucement en rollover
« Répondre #1 sur: le 20-02-2003 a 14:52:30 »
Shain
Administrateur
*****

Hors-Ligne

Sexe: Male
Messages: 3168



Grand méchant Admin !

Voir le Profil    WWW
Répondre avec citation

Arf j'ai vu ca quelque part mais je ne sais plus ou ...

Rapporter au modérateur  

Shain - Co-Admin Forum Webmaster
e-commerce strasbourg
Outil gestion de contenu CMS
Tutoriaux Flex & AIR
Re:lien htm qui s'allume et s'éteint doucement en rollover
« Répondre #2 sur: le 20-02-2003 a 15:29:44 »
DriverZ
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 97





Voir le Profil    WWW
Répondre avec citation

Sur l'exemple que tu donnes, ils utilisent un javascript:

il suffit de l'insérer dans le HEAD et cela agit sur tout tes liens de ta page:
exemple sur:
http://www.euracar.com/fade.htm

Rapporter au modérateur  

La passion est le plus puissant des moteurs.
Re:lien htm qui s'allume et s'éteint doucement en rollover
« Répondre #3 sur: le 20-02-2003 a 16:14:18 »
POde.uk
Forum-france
Habitué
***

Hors-Ligne

Sexe: Male
Messages: 342



www.google.fr est ton ami
58462789 58462789
Voir le Profil    WWW    E-Mail
Répondre avec citation

ca fait un peu énormément de script

Rapporter au modérateur  

Circulez, y'a rien à voir!
Re:lien htm qui s'allume et s'éteint doucement en rollover
« Répondre #4 sur: le 20-02-2003 a 16:22:55 »
DriverZ
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 97





Voir le Profil    WWW
Répondre avec citation

tu m'étonnes 

La page vièrge fait déja 3,5Ko..... Y a de quoi avoir envie de faire un autre effet   

« Dernière Édition: le 20-02-2003 a 17:00:49 par DriverZ » Rapporter au modérateur  

La passion est le plus puissant des moteurs.
Re:lien htm qui s'allume et s'éteint doucement en rollover
« Répondre #5 sur: le 20-02-2003 a 20:29:56 »
POde.uk
Forum-france
Habitué
***

Hors-Ligne

Sexe: Male
Messages: 342



www.google.fr est ton ami
58462789 58462789
Voir le Profil    WWW    E-Mail
Répondre avec citation

vi

Rapporter au modérateur  

Circulez, y'a rien à voir!
Re:lien htm qui s'allume et s'éteint doucement en rollover
« Répondre #6 sur: le 20-02-2003 a 23:01:54 »
drunkenmaster68
Forum-france
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 621



La vie donne soif !
99831954 99831954
Voir le Profil    WWW    E-Mail
Répondre avec citation

C'est clair que c'est assez repoussant comme script ! 

Rapporter au modérateur  

Forum-3D :: Forum-3D, la communauté d'entraide et d'échange dédiée aux amateurs de 3d.
MyWorks :: Mon site portfolio.
Re:lien htm qui s'allume et s'éteint doucement en rollover
« Répondre #7 sur: le 22-02-2003 a 02:55:33 »
FireLink
Floodeur Deluxe
Modérateur Global
*****

Hors-Ligne

Sexe: Male
Messages: 1713



Running away from normality
339153649 339153649
Voir le Profil    WWW
Répondre avec citation

Regardez la source du thème subsilver de phpbb... vous allez trouver c sur... il y a des fade out... et c en CSS je crois

Rapporter au modérateur  

KarboN15, blog d'un extraterrestre
http://www.karbon15.tk
Re:lien htm qui s'allume et s'éteint doucement en rollover
« Répondre #8 sur: le 22-02-2003 a 12:04:09 »
DriverZ
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 97





Voir le Profil    WWW
Répondre avec citation

J'ai jeté un oeil sur phpbb mais malheureusement, c'est encore du javascript:

<script  LANGUAGE="JavaScript">
/*************
**** <config>
**/
startColor = "#8BC7FF"; // MouseOut link color
endColor = "#FFFFFF"; // MouseOver link color

stepIn = 20; // delay when fading in
stepOut = 20; // delay when fading out

/*
** set to true or false; true will
** cause all links to fade automatically
***/
autoFade = true;
/*
** set to true or false; true will cause all CSS
** classes with "fade" in them to fade onmouseover
***/
sloppyClass = true;
/**
**** </config>
**************/
/*************
**** <install>
**
**
**** </install>
**************/

hexa = new makearray(16);
for(var i = 0; i < 10; i++)
hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";

document.onmouseover = domouseover;
document.onmouseout = domouseout;

startColor = dehexize(startColor.toLowerCase());
endColor = dehexize(endColor.toLowerCase());

var fadeId = new Array();

function dehexize(Color){
var colorArr = new makearray(3);
for (i=1; i<7; i++){
for (j=0; j<16; j++){
if (Color.charAt(i) == hexa[j]){
if (i%2 !=0)
colorArr[Math.floor((i-1)/2)]=eval(j)*16;
else
colorArr[Math.floor((i-1)/2)]+=eval(j);
}
}
}
return colorArr;
}

function domouseover() {
if(document.all){
var srcElement = event.srcElement;
if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1))
fade(startColor,endColor,srcElement.uniqueID,stepIn);
}
}

function domouseout() {
if (document.all){
var srcElement = event.srcElement;
if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1))
fade(endColor,startColor,srcElement.uniqueID,stepOut);
}
}

function makearray(n) {
this.length = n;
for(var i = 1; i <= n; i++)
this[i] = 0;
return this;
}

function hex(i) {
if (i < 0)
return "00";
else if (i > 255)
return "ff";
else
return "" + hexa[Math.floor(i/16)] + hexa[i%16];}

function setColor(r, g, b, element) {
var hr = hex(r); var hg = hex(g); var hb = hex(b);
element.style.color = "#"+hr+hg+hb;
}

function fade(s,e, element,step){
var sr = s

  • ; var sg = s[1]; var sb = s[2];
    var er = e
  • ; var eg = e[1]; var eb = e[2];

    if (fadeId
  • != null && fade
  • != element){
    setColor(sr,sg,sb,eval(fadeId
  • ));
    var i = 1;
    while(i < fadeId.length){
    clearTimeout(fadeId[i]);
    i++;
    }
    }

    for(var i = 0; i <= step; i++) {
    fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" +
    step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+
    ")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step);
    }
    fadeId
  • = element;
    }
    </script>

  • Rapporter au modérateur  

    La passion est le plus puissant des moteurs.
    Re:lien htm qui s'allume et s'éteint doucement en rollover
    « Répondre #9 sur: le 22-02-2003 a 12:16:39 »
    Shain
    Administrateur
    *****

    Hors-Ligne

    Sexe: Male
    Messages: 3168



    Grand méchant Admin !

    Voir le Profil    WWW
    Répondre avec citation

    Bah c toujours aussi long !
    Le plus interressant serait peut etre de le mettre dans un fichier .s externe, non ?

    Rapporter au modérateur  

    Shain - Co-Admin Forum Webmaster
    e-commerce strasbourg
    Outil gestion de contenu CMS
    Tutoriaux Flex & AIR
    Re:lien htm qui s'allume et s'éteint doucement en rollover
    « Répondre #10 sur: le 22-02-2003 a 12:38:14 »
    DriverZ
    P'tit nouveau
    **

    Hors-Ligne

    Sexe: Male
    Messages: 97





    Voir le Profil    WWW
    Répondre avec citation

    Ouai d'ailleurs ils l'utilisent en externe sur les deux sites:

    http://divxstation.com/softwareId.asp?sId=163

    http://www.phpbb.com/styles/styles_demo/index.php?s=29

    Rapporter au modérateur  

    La passion est le plus puissant des moteurs.
    Re:lien htm qui s'allume et s'éteint doucement en rollover
    « Répondre #11 sur: le 02-03-2003 a 18:50:15 »
    SmAsH
    Membre récent
    *

    Hors-Ligne

    Sexe: Male
    Messages: 12



    Viens sur mon site !
    168891850 168891850
    Voir le Profil    WWW    E-Mail
    Répondre avec citation

    et comment vous faites pour l'installer dans un forum phpbb ?
    Merci de vos reponses

    Rapporter au modérateur  

    Go to -->
    www.forum-france-consoles.fr.st
    Re:lien htm qui s'allume et s'éteint doucement en rollover
    « Répondre #12 sur: le 02-03-2003 a 19:43:51 »
    PM
    Forum-france
    Guru
    *****

    Hors-Ligne

    Sexe: Male
    Messages: 1243



    Niark, niark, niark !!!

    Voir le Profil    WWW
    Répondre avec citation

    Il y a bien des effets de styles possibles en CSS ... il suffit d'aller fouiller sur www.w3c.org ... par contre, je ne me souviens plus de la compatibilité avec tous les navigateurs

    Rapporter au modérateur  

    kits-graphiques - missions pour freelance - forum partenariat - Séjour Marrakech
    Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
    Pages: [1] Monter
    « Précédent Suivant »
    Sauter à: 

    Votre statut : Invité
    Vous devez être membre pour participer.
     
     
    Let’s Encrypt : le certificat SSL gratuit
    Tester votre site internet sur différents navigateurs
    [WordPress] Des problèmes avec l’administration ?
    Rappel : Mettez à jour vos CMS et vos sites E-commerce
    Le .fr fête ses 25 années d’existence !
    Mesurer votre audience en temps réel avec BubbleStat
    Porter réclamation contre Google Panda ?
    Zlio n’est plus …
     
     
     
     
     

    Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

    creation site internet strasbourg