, bienvenido a SpikeL Foro.
Índice
Últimas imágenes
Registrarse
ConectarseAlgunos códigos HTML para su web
3 participantes
Página 1 de 1.
Algunos códigos HTML para su web
por Francohhh Miér Oct 06, 2010 4:12 pm
Subrayar un Link al pasar el mouseCitar.
Transformar el cursor en una mira
Pantalla que tiembla.
Enviar un e-mail con Asunto y Mensaje
Texto que sigue al mouse:
Imagen Vuela por la Pantalla.
Agregar a Favoritos a Travez de un Link.
Atte, Francohhh.
- Código:
<STYLE type="text/css">
<!--
A:link {COLOR: red; TEXT-DECORATION: none}
A:visited {COLOR: gray; TEXT-DECORATION: none}
A:active {TEXT-DECORATION: none}
A:hover {COLOR: blue; TEXT-DECORATION: underline} -->
</STYLE>
</p>
<p><a href="l1.htm">El texto que quieras.</a><br>
<a href="l2.htm"> otro texto.</a><br>
<a href="l3.htm"> Otro texto.</a><br>
</p>
Transformar el cursor en una mira
- Código:
<style type="text/css">
<!--
body { cursor: crosshair}
-->
</style>
Pantalla que tiembla.
- Código:
<html>
<head>
<title>tupaginaweb.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<p>
<script language="JavaScript1.2">
function tremer(n) {
if (self.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
}}}}
tremer(5)
</script>
<Script language=JavaScript>
function right(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){
alert("tupaginaweb.com");
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("tupaginaweb.com");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
</script>
</body>
</html>
Enviar un e-mail con Asunto y Mensaje
- Código:
<a href="mailto:tumail Aqui?subject=Prueba.&body=Estoy probando el truco...">El Mensaje Ejemplo. Click Aqui Para Enviarme un Mensaje</a>
Texto que sigue al mouse:
- Código:
<style>
.animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Arial;font-weight:bold;color:black;}
</style>
<script language=JavaScript>
var x,y
var tempo=10
var espera=0
var texto="Tu mensaje Aqui"
texto=texto.split("")
var xpos=new Array()
for (i=0;i<=texto.length-1;i++) {
xpos=-50
}
var ypos=new Array()
for (i=0;i<=texto.length-1;i++) {
ypos=-50
}
function seguir(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
espera=1
}
function animar_cursor() {
if (espera==1 && document.all) {
for (i=texto.length-1; i>=1; i--) {
xpos=xpos[i-1]+tempo
ypos=ypos[i-1]
}
xpos[0]=x+tempo
ypos[0]=y
for (i=0; i<texto.length-1; i++) {
var camada = eval("span"+(i)+".style")
camada.posLeft=xpos
camada.posTop=ypos
}
}
else if (espera==1 && document.layers) {
for (i=texto.length-1; i>=1; i--) {
xpos=xpos[i-1]+tempo
ypos=ypos[i-1]
}
xpos[0]=x+tempo
ypos[0]=y
for (i=0; i<texto.length-1; i++) {
var camada = eval("document.span"+i)
camada.left=xpos
camada.top=ypos
}
}
var timer=setTimeout("animar_cursor()",30)
}
</script>
<script Language=JavaScript>
for (i=0;i<=texto.length-1;i++) {
document.write("<span id='span"+i+"' class='animado'>")
document.write(texto)
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = seguir;
animar_cursor()
</a>
Imagen Vuela por la Pantalla.
- Código:
<SCRIPT language="JavaScript1.2">
var imagem="Url de la Imagen"
if (document.layers)
{document.write("<LAYER NAME='animacao' LEFT=10 TOP=10><img src='"+imagem+"' ></LAYER>")}
else if (document.all){document.write("<div id='animacao' style='position:absolute;top:10px;left:10px;width:17px;height:22px;z-index:50'><img src='"+imagem+"'></div>")}
conta=-1;
move=1;
function curva(){
abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6)
for (i=0; i < abc.length; i++)
{var C=Math.round(Math.random()*)}
iniciar=abc[C];
setTimeout('curva()',1900);
return iniciar;
}
ypos=10;
xpos=10;
movimento = 60;
function moveR(){
caminho=movimento+=iniciar;
y = 4*Math.sin(caminho*Math.PI/180);
x = 6*Math.cos(caminho*Math.PI/180);
if (document.layers){
ypos+=y;
xpos+=x;
document.animacao.top=ypos+window.pageYOffset;
document.animacao.left=xpos+window.pageXOffset;
}
else if (document.all){
ypos+=y;
xpos+=x;
document.all.animacao.style.top=ypos+document.body.scrollTop;
document.all.animacao.style.left=xpos+document.body.scrollLeft;
}
T=setTimeout('moveR()',50);
}
function edges(){
if (document.layers){
if (document.animacao.left >= window.innerWidth-40+window.pageXOffset)movimento=Math.round(Math.random()*45+157.5);
if (document.animacao.top >= window.innerHeight-30+window.pageYOffset)movimento=Math.round(Math.random()*45-112.5);
if (document.animacao.top <= 2+window.pageYOffset) movimento = Math.round(Math.random()*45+67.5);//OK!
if (document.animacao.left <= 2+window.pageXOffset) movimento = Math.round(Math.random()*45-22.5);//OK!
}
else if (document.all)
{
if (document.all.animacao.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)movimento=Math.round(Math.random()*45+157.5);
if (document.all.animacao.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)movimento=Math.round(Math.random()*45-112.5);
if (document.all.animacao.style.pixelTop <= 2+document.body.scrollTop) movimento = Math.round(Math.random()*45+67.5);//OK!
if (document.all.animacao.style.pixelLeft <= 2+document.body.scrollLeft) movimento = Math.round(Math.random()*45-22.5);//OK!
}
setTimeout('edges()',100);
}
function efeito(){
curva();
moveR();// onUnload="opener.gO()"
edges();
}
if (document.all||document.layers)
efeito()
</script>
Agregar a Favoritos a Travez de un Link.
- Código:
a href="javascript:window.external.AddFavorite('tu web Aqui',
'Texto que aparece en la lista de Favoritos')"><small><font face="Verdana" size="1">
Texto Ejemplo. Click aqui para agregar a favoritos</font></small></a>
Atte, Francohhh.
Última edición por Francohhh el Jue Oct 07, 2010 1:53 pm, editado 1 vez
FrancohhhAdministrador 
- Administrador
Mensajes : 880
Puntos : 53096
Reputación : 41
Sexo : 
Fecha de inscripción : 23/03/2010
Edad : 27
Localización : Mar del Plata -
Re: Algunos códigos HTML para su web
por SkyfuN Miér Oct 06, 2010 5:33 pm
Muy buenos códigos, te hago una pregunta, ¿Se pueden poner en .foroactivo?
Saludos!
Atte: SkyfuN
Saludos!
Atte: SkyfuN
SkyfuNAdministrador - Peteneitor. Mensajes : 199 Puntos : 51756 Reputación : 13 Sexo : Fecha de inscripción : 12/04/2010 Edad : 26
País : 
Localización : Bahia Blanca -
Re: Algunos códigos HTML para su web
por Francohhh Miér Oct 06, 2010 7:12 pm
SkyfuN escribió:Muy buenos códigos, te hago una pregunta, ¿Se pueden poner en .foroactivo?
Saludos!
Atte: SkyfuN
Sí, foroactivo tiene soporte HTML.
FrancohhhAdministrador - Administrador Mensajes : 880 Puntos : 53096 Reputación : 41 Sexo : Fecha de inscripción : 23/03/2010 Edad : 27 Localización : Mar del Plata
-
Re: Algunos códigos HTML para su web
por Josephhh.- Mar Oct 12, 2010 6:38 pm
Muy lindo aporte. Gracias...
Att:Josephhh.-
Att:Josephhh.-
Josephhh.-Nivel 5 
-
Advertencias : 3 Mensajes : 59 Puntos : 49734 Reputación : 3 Sexo : Fecha de inscripción : 10/10/2010 Edad : 26 País : Localización : En la compu ;)
Temas similares» Codigos utiles para tu AO
» Varios Codigos para tu AO!
» Codigo HTML paginas .es.tl
» Plantilla Matrix[HTML .es.tl]
» Plantilla Tuning [HTML .es.tl]
» Varios Codigos para tu AO!
» Codigo HTML paginas .es.tl
» Plantilla Matrix[HTML .es.tl]
» Plantilla Tuning [HTML .es.tl]
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.|
|
|