CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 28 11:29:06

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

Code

Effets

> TEXTE EN RELIEF (SANS FILTRES CSS NI CONTROLE ACTIVE-X)

TEXTE EN RELIEF (SANS FILTRES CSS NI CONTROLE ACTIVE-X)

Information sur la source

Note :

4,67 / 10

Catégorie :Effets Niveau :Expert Date de création :01/01/2003 Date de mise à jour :01/01/2003 11:42:21 Vu :8 179

Auteur : nitro120

Ecrire un message privé

Commentaire sur cette source (4)

Ajouter un commentaire et/ou une note

Description

un texte en relief avec encore le dégradé pour leffet relief
beaucoup mieux codé...

Source

<head>
<script>
creat=1
function multicolor(haut,taille,couleurs,texte){
var hauteur=new Array(7,9,11,12,16,21,34)
var pt=new Array(7.5,10,12,13.5,18,24,36)
var diff=new Array(6,6,7,7,8,11,14)
document.write("<script>nb=new Array("+couleurs+")</"+"script>")
nb_de_couleurs=nb.length
decoupe=(hauteur[taille-1]/nb_de_couleurs)
if(creat==1){
for(i=0;i<50;i++){
document.write("<div id='couleur"+i+"' style='visibility:hidden'>"+nb[i]+"</div>")
}
}else{
for(i=0;i<nb_de_couleurs;i++){
document.getElementById("couleur"+i).innerHTML=nb[i]
}
}
for(i=0;i<nb_de_couleurs;i++){
document.write("<div id='couleur"+i+"' style='visibility:hidden'>"+nb[i]+"</div>")
couleur=document.getElementById("couleur"+i).innerHTML
decoupe1=(decoupe*i)+diff[taille-1]
decoupe2=(decoupe*(i+1))+diff[taille-1]
if(i==nb_de_couleurs-1){decoupe2+=10}
document.write("<div style='position:absolute;clip:rect("+decoupe1+"px auto "+decoupe2+"px auto); top:"+haut+"px;left:0px'><table valign='center'><tr><td><center><span style='color:"+couleur+";font-size:"+pt[taille-1]+"pt'><b>"+texte+"</b></span></center></td></tr></table></div>")
}
creat=0
}
function pers(haut,gauche,Couleurs,texte){
document.write("<script>nb=new Array("+Couleurs+")</"+"script>")
nb_de_Couleurs=nb.length
if(creat==1){
for(i=0;i<50;i++){
document.write("<div id='Couleur"+i+"' style='visibility:hidden'>"+nb[i]+"</div>")
}
}else{
for(i=0;i<nb_de_Couleurs;i++){
document.getElementById("Couleur"+i).innerHTML=nb[i]
}
}
for(i=0;i<nb_de_Couleurs;i++){
document.write("<div id='Couleur"+i+"' style='visibility:hidden'>"+nb[i]+"</div>")
Couleur=document.getElementById("Couleur"+i).innerHTML
hautt=haut+i
gauchee=gauche-i
document.write("<div style='position:absolute;top:"+hautt+"px;left:"+gauchee+"px'><table valign='center'><tr><td><center><font size=7 color="+Couleur+"><b>"+texte+"</b></font></center></td></tr></table></div>")
}
creat=0}
</script>
</head>
<body>
<script>
pers(30,15,"'#0000ff','#0011ee','#0022dd','#0033cc','#0044bb','#0055aa','#006699','#007788','#008877','#009966','#00aa55','#00bb44','#00cc33','#00dd22','#00ee11','#00ff00'","SFDFGDFGDFGDFG")
multicolor(45,7,"'#00ff00','#11ee00','#22dd00','#33cc00','#44bb00','#55aa00','#669900','#778800','#887700','#996600','#aa5500','#bb4400','#cc3300','#dd2200','#ee1100','#ff0000'","SFDFGDFGDFGDFG")
pers(90,13,"'#111111','#222222','#333333','#444444','#555555','#666666','#777777','#888888','#999999','#aaaaaa','#bbbbbb','#cccccc','#dddddd','#eeeeee'","SFDFGDFGDFGDFG")
multicolor(103,7,"'#111111','#222222','#333333','#444444','#555555','#666666','#777777','#888888','#999999','#aaaaaa','#bbbbbb','#cccccc','#dddddd','#eeeeee'","SFDFGDFGDFGDFG")
pers(145,18,"'#FF6E02','#ff6800','#ff7000','#ff7800','#ff8000','#ff8800','#ff9000','#ff9800','#ffa000','#ffa800','#ffb000','#ffb800','#ffc000','#ffd800','#ffd000','#ffd800','#ffe000','#ffe800','#fff000'","SFDFGDFGDFGDFG")
multicolor(163,7,"'#FF6E02','#ff6800','#ff7000','#ff7800','#ff8000','#ff8800','#ff9000','#ff9800','#ffa000','#ffa800','#ffb000','#ffb800','#ffc000','#ffd800','#ffd000','#ffd800','#ffe000','#ffe800','#fff000'","SFDFGDFGDFGDFG")
</script>
</body>

<head> 
<script>
creat=1
function multicolor(haut,taille,couleurs,texte){	

var hauteur=new Array(7,9,11,12,16,21,34)
var pt=new Array(7.5,10,12,13.5,18,24,36)
var diff=new Array(6,6,7,7,8,11,14)

document.write("<script>nb=new Array("+couleurs+")</"+"script>")
nb_de_couleurs=nb.length	
decoupe=(hauteur[taille-1]/nb_de_couleurs)
	
	if(creat==1){
		for(i=0;i<50;i++){
		document.write("<div id='couleur"+i+"' style='visibility:hidden'>"+nb[i]+"</div>")
		}
	}else{
		for(i=0;i<nb_de_couleurs;i++){
		document.getElementById("couleur"+i).innerHTML=nb[i]
		}
	}

	for(i=0;i<nb_de_couleurs;i++){
		
	document.write("<div id='couleur"+i+"' style='visibility:hidden'>"+nb[i]+"</div>")
	couleur=document.getElementById("couleur"+i).innerHTML
	decoupe1=(decoupe*i)+diff[taille-1]
	decoupe2=(decoupe*(i+1))+diff[taille-1]
	if(i==nb_de_couleurs-1){decoupe2+=10}
	document.write("<div style='position:absolute;clip:rect("+decoupe1+"px auto "+decoupe2+"px auto); top:"+haut+"px;left:0px'><table valign='center'><tr><td><center><span style='color:"+couleur+";font-size:"+pt[taille-1]+"pt'><b>"+texte+"</b></span></center></td></tr></table></div>")
	}
creat=0
}


function pers(haut,gauche,Couleurs,texte){	
    
	document.write("<script>nb=new Array("+Couleurs+")</"+"script>")
	nb_de_Couleurs=nb.length	

	if(creat==1){
		for(i=0;i<50;i++){
		document.write("<div id='Couleur"+i+"' style='visibility:hidden'>"+nb[i]+"</div>")
		}
	}else{
		for(i=0;i<nb_de_Couleurs;i++){
		document.getElementById("Couleur"+i).innerHTML=nb[i]
		}
		}
		for(i=0;i<nb_de_Couleurs;i++){
		document.write("<div id='Couleur"+i+"' style='visibility:hidden'>"+nb[i]+"</div>")
		Couleur=document.getElementById("Couleur"+i).innerHTML
		hautt=haut+i
		gauchee=gauche-i
		document.write("<div style='position:absolute;top:"+hautt+"px;left:"+gauchee+"px'><table valign='center'><tr><td><center><font size=7 color="+Couleur+"><b>"+texte+"</b></font></center></td></tr></table></div>")
		}
creat=0}
</script>
</head>
<body>

<script>

pers(30,15,"'#0000ff','#0011ee','#0022dd','#0033cc','#0044bb','#0055aa','#006699','#007788','#008877','#009966','#00aa55','#00bb44','#00cc33','#00dd22','#00ee11','#00ff00'","SFDFGDFGDFGDFG")
multicolor(45,7,"'#00ff00','#11ee00','#22dd00','#33cc00','#44bb00','#55aa00','#669900','#778800','#887700','#996600','#aa5500','#bb4400','#cc3300','#dd2200','#ee1100','#ff0000'","SFDFGDFGDFGDFG")

pers(90,13,"'#111111','#222222','#333333','#444444','#555555','#666666','#777777','#888888','#999999','#aaaaaa','#bbbbbb','#cccccc','#dddddd','#eeeeee'","SFDFGDFGDFGDFG")
multicolor(103,7,"'#111111','#222222','#333333','#444444','#555555','#666666','#777777','#888888','#999999','#aaaaaa','#bbbbbb','#cccccc','#dddddd','#eeeeee'","SFDFGDFGDFGDFG")

pers(145,18,"'#FF6E02','#ff6800','#ff7000','#ff7800','#ff8000','#ff8800','#ff9000','#ff9800','#ffa000','#ffa800','#ffb000','#ffb800','#ffc000','#ffd800','#ffd000','#ffd800','#ffe000','#ffe800','#fff000'","SFDFGDFGDFGDFG")
multicolor(163,7,"'#FF6E02','#ff6800','#ff7000','#ff7800','#ff8000','#ff8800','#ff9000','#ff9800','#ffa000','#ffa800','#ffb000','#ffb800','#ffc000','#ffd800','#ffd000','#ffd800','#ffe000','#ffe800','#fff000'","SFDFGDFGDFGDFG")

</script>

</body>

Conclusion

script fait par zeratul

Sources du même auteur

UNE LIBRARIE JAVASCRIPT UTILITAIRE

TEXTE DÉGRADÉ (DE HAUT EN BAS ET NON PAS LETTRE A LETTRE)

MATRIX EFFECT

JOLI EFFET ORDINATEUR

S'ASSURER QUE LA FENETRE EST EN PLEIN ECRAN

Toutes les sources de nitro120

Sources de la même categorie

BOUTON ROTATIF par kazma

SHOWMAPAREA par phidelum

DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev

ANIMATION DU TEXTE par brennal

EFFET RAYONS DU SOLEIL par tefa24600

Toutes les sources de la catégorie Effets

Commentaires et avis

Commentaire de DHKold le 03/01/2003 01:27:24

C'est pas mal, mais un peu 'CHARGÉ'.

Commentaire de nitro120 le 03/01/2003 10:52:43

oui le code pourrait etre refait
je le retoucherai quad joré du temps et que ji penserais

Commentaire de StevenJLMunn le 05/05/2004 14:00:41

C'est très bien mais il faut des commentaires.

Commentaire de pmfontaine le 16/04/2007 15:12:53

Bonjour,
Bien.
Mais il manque effectivement de commentaires pour comprendre le paramétrage.

Ajouter un commentaire

Nos sponsors

Derniers Blogs

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg

Forum

MULTI SLIDER UNE SEUL PAGE par karouani

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

UTILISER UN .JS par zaikoe

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€
Recherche Infogerance Serveur Debian Linux
Budget : 1 800€
Creation d-un site vitrine avec MagentO
Budget : 2 000€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP