Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

WriteNeon

Script posté par :

Petole Team
Vous aussi, postez vos scripts en cliquant ici.

Description

Ecriture d'un texte avec effet de relief

Compatibilité :

	FireFox : Toutes versions
	Mozilla : 1 et +
	Netscape Navigator : 4.5 et +
	Internet Explorer : 4 et +

Chiffres :

Date de création : 6/01/2006
Dernière modif : -
Visites de la page : 29648
Envois par mail : 306

Exemple :

Bonjour la première ligne...
Bonjour la seconde ligne...

Le code :

Entre <HEAD> et </HEAD> :

Entre <BODY> et </BODY> :

Dans un fichier nommé gftexte.js placé dans le même repertoire que votre page :

//--------------------------------------
//  Nom Document : GFTEXTE.JS
//  Auteur       : G.Ferraz
//  Objet        : 
//  Mise à Jour  : 01.12.2005
//  ------------------------------------
var Num = 1000;

//--------------------------------------------------
function GetBeginLayer( id_, x_, y_, l_, h_, v_, z_){
 var Html="";
 if( document.layers){
  if( l_[0]="a") l_ = 800;  // pas d'auto pour NS4
  Html +='<layer id="' +id_ +'" left="'+ x_ +'" top="' +y_ +'" width="' +l_ +'" height="'+ h_+'" visibility="'+ v_ +'">';
 }
 else{
  if( l_[0]!="a") l_ +="px";  // Ajoute px si pas auto
  Html +='<div id="' +id_ +'" style="position:absolute;left:'+ x_ +'px;top:' +y_ +'px;width:'+ l_ +';height:'+ h_ +'px;z-index:'+ z_ +';visibility:' +v_+'">';
  }
 return( Html);
}
//--------------------
function GetEndLayer(){
 var Html ="";
 if( document.layers) Html +='</layer>'; else Html +='</div>';
 return( Html);
}
//--------------------------------------------------------
function WriteNeon( txt_, x_, y_, ep_, cl_, tc_, fc_, oc_){
 var i, k, x, y;
 var Fin;
 var FirstLayer;
 var Html="";
 var Epais = 1;
 var Larg  = "auto";
 FirstLayer = Num;
 if( ep_) Epais =ep_;
  if( oc_){
    if( ep_==0) ep_=1;
    x = x_ +ep_ +1;
    y = y_ -ep_ +1;
    Fin = 2*(ep_ +1);
    for (i= 1; i <Fin; i++, y++){
      Html += GetBeginLayer( 'F' +Num, x, y, Larg, 10, "visible", Num);
      Html += '<span class="'+ cl_ +'"><font color="'+oc_ +'">'+txt_+'</font></span>';
      Html += GetEndLayer();
      Num ++;
    }
    x = x_ -ep_ +1;
    y = y_ +ep_ +1;
    Fin --;
    for (i= 1; i <Fin; i++, x++){
      Html += GetBeginLayer( 'F' +Num, x, y, Larg, 10, "visible", Num);
      Html += '<span class="'+ cl_ +'"><font color="'+oc_ +'">'+txt_+'</font></span>';
      Html += GetEndLayer();
      Num ++;
    }
  }
  x = x_;
  y = y_;
  for(i = -Epais; i < (Epais+1); i++){
    for(k = -Epais; k < (Epais+1); k++){
      Html += GetBeginLayer( 'F' +Num, x +k, y +i, Larg, 10, "visible", Num);
      Html += '<span class="'+ cl_ +'"><font color="'+fc_ +'">'+txt_+'</font></span>';
      Html += GetEndLayer();
      Num ++;
    }
  }
  Html += GetBeginLayer( 'F' +Num, x_, y_, Larg, 10, "visible", Num);
  Html += '<span class="'+ cl_ +'"><font color="'+tc_ +'">'+txt_+'</font></span>';
  Html += GetEndLayer();

document.write( Html);
  if( document.layers){ // pour NS4 établissement de l'ordre
    for( i=FirstLayer; i < (Num+1); i++){
     document.layers['F'+i].zIndex= i;
    }
  }
}
//-- EoF ----------------------------------------------------------------------

Si vous ne savez pas comment créer le fichier gftexte.js, demandez a recevoir le script par email, il vous sera alors envoyé en pièce jointe ! Sinon, consultez la FAQ du site.

Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript

Les annotations des visiteurs :

De Kelsett - le 10-02-2009

Génial ce petit code, et ca marche très bien partout sauf sous IE6 ou j'ai un décalage plus ou moins important sur mes sites... A quand une nouvelle version =D ?

>> Poster une annotation sur ce script

compteur gratuit
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Internet services
Internet Services offre de nombreux services gratuits et de très bonne qualité pour dynamiser votre site Web ! Forums, chats, livre d'or, etc ...
http://www.i-services.net

Cat : Forum - sondages - compteurs
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

61299 membres
7195 comptes CountUs
1721 comptes myCircle

LES FORUMS :

14 forums
39941 topics
190891 messages
>> Les forums

SONDAGE

La mini-astuce "Navigateur" du jour par chrislebouler
La fonction agrandissement de texte existe sur tous les navigateurs. Le moyen le plus universel pour l'utiliser?... Ctrl + molette centrale de la souris.
Plusieurs avantages : pour IE pas besoin de l'onglet affichage, pour les Geckos agrandissement + progressif que l'option Ctrl ++.
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi