lien htm qui s'allume et s'éteint doucement en rollover

Thématique lien htm qui s'allume et s'éteint doucement en rollover , venez dialoguer avec de nombreux webmaster ! !

Forum webmaster


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 410 fois)
lien htm qui s'allume et s'éteint doucement en rollover
« sur: le 20-02-2003 à 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 à 10:27:33 par Christophe Cherel » Rapporter au modérateur   Connecté
Re:lien htm qui s'allume et s'éteint doucement en rollover
« Répondre #1 sur: le 20-02-2003 à 14:52:30 »
Shain
L'admin !
Administrateur
*****

Hors-Ligne

Sexe: Male
Messages: 3173



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   Connecté

Shain - 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 à 15:29:44 »
DriverZ
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 99





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   Connecté

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 à 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   Connecté

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 à 16:22:55 »
DriverZ
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 99





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 à 17:00:49 par DriverZ » Rapporter au modérateur   Connecté

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 à 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   Connecté

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 à 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   Connecté

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 à 02:55:33 »
FireLink
Floodeur Deluxe
Modérateur Global
*****

Hors-Ligne

Sexe: Male
Messages: 1718



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   Connecté

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 à 12:04:09 »
DriverZ
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 99





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   Connecté

    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 à 12:16:39 »
    Shain
    L'admin !
    Administrateur
    *****

    Hors-Ligne

    Sexe: Male
    Messages: 3173



    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   Connecté

    Shain - 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 à 12:38:14 »
    DriverZ
    P'tit nouveau
    **

    Hors-Ligne

    Sexe: Male
    Messages: 99





    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   Connecté

    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 à 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   Connecté

    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 à 19:43:51 »
    PM
    Forum-france
    Guru
    *****

    Hors-Ligne

    Sexe: Male
    Messages: 1244



    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   Connecté

    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.
     
     
    Le Sénat réclame une taxe sur les revenus
    Yahoo en veut toujours plus
    Un spammeur condamnée à 30 mois de prison
    Google plaide pour un Yahoo indépendant
    Jeux gratuits chez Yahoo avec de la publicité
    Interviews Webmasters
    Mise à jour du blog de Forum-webmaster !
    Une rubrique E-commerce
     
     
     
     

    Choisissez votre forum :
    Discussions générales
    Avis ?
    A propos de Forum-webmaster
    Présentation de services web
    Actualité webmaster
    Interviews Webmasters
    HTML / CSS / XHTML
    Javascript / DOM / Ajax
    PHP / MySQL
    Asp / Asp.net / IIS
    Langages de programmation divers
    Webdesign
    Infographie
    Flash / Director
    Hébergement
    Référencement
    E-commerce
    Le droit sur internet
    Publicité - Affiliation
    Formation[s]
    Offres d'emploi
    Demandes d'emploi
    Recrutement bénévole
    L'aparté ...
    Matériel / Logiciel
    Présentation

     

    Copyright Skalpel 2008 - Tous droits réservés

    creation de site strasbourg