Texte en relief (sans filtres css ni controle active-x)

Commenter

Contenu du snippet

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

Source / Exemple : 


<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

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (nitro120)