InicioInfocodigios html muy utiles y escasos

codigios html muy utiles y escasos

Info2/8/2010
hola primero que todo si hay herrores ortograficos es por que este post lo hice para que ustedes usara los cofigos que son muy buenos y como el texto lo copie a la carrera espero me disculpen gracias

pagina recomendada http://www.flashmenus.net

calendario
<iframe src="http://www.free-blog-content.com/Calendars/calendar0007.htm" width="170" height="228"
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe><center><a style="font-size: 3mm" href="http://www.crearunaweb.net/">crear una web</a></center>




para myspace
esto ba en myspace en miembros es la pestaña de jombi a un costado pero esta esta modificada como mystar



</style>
<a href="http://elduoincomparable.py.tf/" target="_blank"><img src="tu imagen" alt="Perfil Generado por http://www.joombly.com/" style="position:absolute; left:0px; top: 0px; border:0; z-index:9;" ></a>


esta es la misma de arriva pero esta cambia ya ke es para botones de add mensaje etc configuralos

</style>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD01MTAyNTA3MTcv" target="_blank"><img src="tu imagen" alt="Perfil Generado por http://www.joombly.com/" style="position:absolute; left:239px; top: 1565px; border:1770; ..;" /></a>



bueno este es un codigo fino de verdad yo tengo ke cuidarlo con esto es para incertar videos centrados en my myspace parq que keden con el video centrado

<li>Design: mil idiomas</li>

<div id="Player" style="position:absolute; width:auto; height:auto; z-index:3; left:50%; top:1059px; overflow:Auto; margin-left:-497px">



bueno este codigo es para que los videos o textos queden como si estubiera encerrado en una pagina distinta pero en la misma pagina jejeje

"font: Verdana">MySpace Music Videos</a></font><div id="Player" style="position:absolute; width:auto; height:auto; z-index:3; left:90%; top:3059px; overflow:Auto; margin-left:-497px">fhudshfodsflhlfhldshflh


barra con texto o video movible muy buen codigo

</span>

<div style="border: 1px dotted #D8D8D7; z-index: 1000; left: 600px; width: 1px; position: absolute; top: 348px; height: 1px; background-color: #F8F8F8;">

<div id="Player" style="z-index: 3; left: 325px; margin-left: -397px; overflow: auto; width: 258px; position: absolute; top: -194px; height: 74px;">

<span style="font-weight: bold; font-size: 13pt; color: #FFCC00;">
i
</span>
<span style="font-weight: bold; font-size: 13pt; color: black;">
nformacio
</span>
<span style="color: black;">

</span>
<span style="font-weight: bold; font-size: 13pt; color: black;">

</span>
<span style="color: black;">

</span>
<br />
<span style="color: black;">

</span>
<br />
<span style="color: black;">

</span>
<div style="text-align: center;">
<span style="color: black;">

</span>
<span style="font-weight: bold; font-size: 13pt; color: black; font-style: italic;">
*
</span>
<span style="color: black;">

</span>
<span style="font-size: 12pt; color: black; font-family: arial black;">
Abierta la nueva apariencia de esta pagina Web
</span>
<span style="color: black;">

</span>
<span style="font-size: 12pt; color: black; font-family: arial black;">

</span>
<span style="color: black;">

</span>
<br />
<span style="color: black;">

</span>
<br />
<span style="color: black;">

</span>
<span style="font-size: 12pt; color: black; font-family: arial black;">
*Gira por colegios me tocara aceptar
</span>
<span style="color: black;">

</span>
<br />
<span style="color: black;">

</span>
<br />
<span style="color: black;">

</span>
<span style="font-size: 12pt; color: black; font-family: arial black;">
*estreno De lento remix con don tío el de la rancha
</span>
<span style="color: black;">

</span>
<br />
<span style="color: black;">

</span>
<br />
<span style="color: black;">

</span>
<span style="font-size: 12pt; color: black; font-family: arial black;">
*y gema dj En el beat por supuesto
</span>
<span style="color: black;">

</span>
<br />
<span style="color: black;">

</span>
<br />
<span style="color: black;">

</span>
<span style="font-size: 12pt; color: black; font-family: arial black;">
*sog music mejor imposible
</span>
<span style="color: black;">

</span>
<br />
<span style="color: black;">

</span>
<br />
<span style="color: black;">

</span>
<span style="font-size: 12pt; color: black; font-family: arial black;">
*Unión de compañías con nnbx récords de lima peru
</span>
<span style="color: black;">

</span>
<br />
<span style="color: black;">

</span>
<span style="font-size: 12pt; color: black; font-family: arial black;">
Y en la compañía de imperial productions
</span>
<span style="color: black;">

</span>
<br />
<span style="color: black;">

</span>
<br />
<span style="color: black;">

</span>
<span style="font-size: 12pt; color: black; font-family: arial black;">
Día a DIA sacando música comercial que a ti te gustar
</span>
<span style="color: black;">
</span>
<span style="color: black;">
</span>
</div>
<span style="color: black;">
</span>
<span style="color: black;">
</span>
<br />
<div style="text-align: center;">
<span style="color: black;">

</span>
<span style="font-weight: bold; font-size: 13pt; color: black; font-style: italic;">
©2009/2010 el duo incomparable
</span>
<span style="color: black;">

</span>
<br />
<span style="color: black;">

</span>
<span style="font-weight: bold; font-size: 13pt; color: black; font-style: italic;">
recerved site web oficial
</span>
<span style="color: black;">

</span>
<br />
<span style="color: black;">

</span>
<span style="font-weight: bold; font-size: 13pt; color: black; font-style: italic;">
graficos mil idi
</span>
<span style="font-weight: bold; font-size: 13pt; color: black; font-style: italic;">
<br />

</span>

<span style="font-weight: bold; font-size: 13pt; color: black; font-style: italic;">

</span>


para paginas web o blogs

Si querés poner el buscador de Google en tu web solo debes ingresar el siguiente codigo:

<!-- Búsqueda Google -->
<center>
<FORM method=GET action="http://www.google.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=es>
<INPUT type=submit name=btnG VALUE="Búsqueda Google">
</td></tr></TABLE>
</FORM>
</center>
<!-- Búsqueda Google -->

Para cambiar la imagen que esta al lado de tu URL en la barra de direcciones debes ingresar

<LINK REL="SHORTCUT ICON" HREF="icono.ico">

entre <head> y </head>

Si querés que te manden mails los usuarios que entran a tu web debes ingresar el siguiente codigo:

A HREF="mailto:[email protected]?subject=my website">Email Me</A>

pero tenés que cambiarle [email protected] por tu direccion de correo electronico, tambien cambiale my website por el asunto quie quieras que diga y Email me por lo que dira el titulo para que te envien mails. Por ejemplo: Mandame tu opinion o tu idea...

Para redireccionar tu web hacia otra te servira:

<meta http-equiv="refresh" content="0; url=your new address.html">

Y debe estar entre <head> y </head>

El 0 que esta al lado de content indica la cantidad de segundos que se va a esperar antes de redireccionar, a ese numero puedes cambiarlo a tu necesidad.

Para que los que entran a tu web te agreguen a favoritos utiliza el siguiente codigo:

<a href="#" onClick="window.external.AddFavorite('http://tusitio','descripcion de tu sitio');return false;"><font color="#FFFFFF" size="2"><font color="#000000" face="Verdana, Arial, Helvetica, sans-serif"><font size="2">Agreganos
a tus favoritos</font><font color="#000000">...</font></font></font></a><font size="2"> ç

Primero debes cambiar http://www.tusitio por tu pagina web y lo demas si es que sabes tambien puedes, y sino me lo preguntas en esta noticia... Solo comenta..


Bueno me canse de poner barras!

Para que te pongan como pagina de inicio:

<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://tuwebaquí');return false;">Pon
esta web como tu página de Inicio...</a>

Igual que el anterior codigo, cambialo a tu necesidad y cualquier cosa pregunta...



El siguiente codigo es para que una imagen que elijas siga al raton:


<SCRIPT LANGUAGE="JavaScript1.2">
var trailLength = 8;
var path = "my_image.gif";

var isIE = false, isNav = false, range = "all.", style = ".style", i, d = 0;
var topPix = ".pixelTop", leftPix = ".pixelLeft", images, storage;
if (document.layers) {
isNav = true, range = "layers.", style = "", topPix = ".top", leftPix = ".left";
} else if (document.all) {
isIE = true;
}
function initTrail() {
images = new Array();
for (i = 0; i < parseInt(trailLength); i++) {
images = new Image();
images.src = path;
}
storage = new Array();
for (i = 0; i < images.length*3; i++) {
storage[i] = 0;
}
for (i = 0; i < images.length; i++) {
(isIE) ? document.write('<div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images[i].src + '"></div>') : document.write('<layer name="obj' + i + '" width="0" height="0" z-index="100"><img src="' + images[i].src + '"></layer>');
}
trail();
}
function trail() {
for (i = 0; i < images.length; i++) {
eval("document." + range + "obj" + i + style + topPix + "=" + storage[d]);
eval("document." + range + "obj" + i + style + leftPix + "=" + storage[d+1]);
d = d+2;
}
for (i = storage.length; i >= 2; i--) {;
storage[i] = storage[i-2];
}
d = 0;
clearTimeout(timer);
var timer = setTimeout("trail()", 10);
}
function processEvent(e) {
if (isIE) {
storage[0] = window.event.y+document.body.scrollTop+10;
storage[1] = window.event.x+document.body.scrollLeft+10;
} else {
storage[0] = e.pageY+12;
storage[1] = e.pageX+12;
}
}
if (isNav) {
document.captureEvents(Event.MOUSEMOVE);
}
if (isIE || isNav) {
initTrail();
document.onmousemove = processEvent;
}
// End -->
</script>

Solo tienes que poner

<style type="text/css">
BODY {overflow: scroll; overflow-x: hidden;}
</style>
</HEAD>

entre <head> y </head>

Aclaro que solo tienes que poner lo que dice style type="text/css" y no lo de SCRIPT LANGUAJE



Para que un texto haga una ola usa el siguiente codigo:

<head>
<CENTER><script language="JavaScript1.2">

//TEXTO QUE QUIERES Q APAREZCA
//-----------------------------------------

message="Letras haciendo la ola ¡¡¡¡"

//-----------------------------------------
ns6switch=1
var ns6=document.getElementById&&!document.all
mes=new Array();
mes[0]=-1;
mes[1]=-4;
mes[2]=-7;mes[3]=-10;
mes[4]=-7;
mes[5]=-4;
mes[6]=-1;
num=0;
num2=0;
txt="";
function jump0(){
if (ns6&&!ns6switch){
jump.innerHTML=message
return
}
if(message.length > 6){
for(i=0; i != message.length;i++){
txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};
jump.innerHTML=txt;
txt="";
jump1a()
}
else{
alert("Tu mensaje es muy corto"
}
}

function jump1a(){
nfinal=(document.getElementById)? document.getElementById("n0" : document.all.n0
nfinal.style.left=-num2;
if(num2 != 9){
num2=num2+3;
ZYzTimeout("jump1a()",150)
}
else{
jump1b()
}
}

function jump1b(){
nfinal.style.left=-num2;
if(num2 != 0){num2=num2-3;
ZYzTimeout("jump1b()",50)
}
else{
jump2()
}
}

function jump2(){
txt="";
for(i=0;i != message.length;i++){
if(i+num > -1 && i+num < 7){
txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"
}
else{txt=txt+"<span>"+message.charAt(i)+"</span>"}
}
jump.innerHTML=txt;
txt="";
if(num != (-message.length)){
num--;
ZYzTimeout("jump2()",50)}
else{num=0;
ZYzTimeout("jump0()",50)}}
</script>
</head>
<body>

<h2><div id="jumpx" style="color:red"></div></h2>
<script>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx" : document.all.jumpx
jump0()
}
else
document.write(message)
</script></CENTER>












<center><a href="http://dipro.multimania.com"><img src="logo.gif" border=0></a></center>

</body>



¿Querés utilizar una nueva manera de informar a tus visitantes sobre el destino de cada vínculo? Entonces usá viñetas con el siguiente codigo:

<script>
<!--

if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){

if (document.all&&document.readyState=="complete"{
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}

else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}

function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}
// -->
</script>
<div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:lightyellow">
<layer name="nstip" width=1000px bgColor="lightyellow"></layer>
</div>

Después, personalice cada uno de sus vínculos de la siguiente manera:

<a href="http://www.microsoft.com" onMouseover="showtip2(this,event,'Clic here to go to microsoft.com')" onMouseout="hidetip2()">Microsoft</a>



Acelera tu texto en cursiva con:

<span id="webaddress" style="position:relative; visibility:hidden; font-style:italic;"> Have you ever seen text move so fast? </span>

<script language="JavaScript1.2">
<!--
if (document.all){
webaddress.style.left=document.body.clientWidth
webaddress.style.visibility="visible"
}

function moveit(){
if (webaddress.style.pixelLeft>15)
webaddress.style.pixelLeft-=15
else{
webaddress.style.fontStyle="normal"
webaddress.style.left=0
clearInterval(moving)
}
}

if (document.all)
moving=setInterval("moveit()",40)

//-->
</script>

Escribe sobre una imagen!

<TABLE style="WIDTH: 185px; HEIGHT: 299px" align=center>
<TBODY>
<TR>
<TD width=530 background=URL DE LA IMAGEN>
<P align=center>Escribe aquii</P>
</TD></TR></TBODY></TABLE></FONT></FONT></SPAN>
<DIV align=center> </DIV>

Musica! Con este codigo puedes colocar musica subiendola a un servido como http://www.fileden.com/ solamente puedes colocar un archivo. (ATENCION: es necesario que pongan el nombre de la cancion si no, no va a funcionar)

<P align=center>NOMBRE DE LA CANCION</P><BGSOUND balance=0 src="URL DE LA CANCION" volume=0 loop=infinite>

Scrollbar

<DIV style="SCROLLBAR-FACE-COLOR: white; SCROLLBAR-HIGHLIGHT-COLOR: white; OVERFLOW: scroll; WIDTH: 514px; SCROLLBAR-SHADOW-COLOR: #3c4349; COLOR: #3c4349; SCROLLBAR-3DLIGHT-COLOR: #3c4349; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: black; HEIGHT: 558px; BACKGROUND-COLOR: #3c4349" ;>
<DIV align=left>
<DIV align=center> </DIV>
<DIV align=center>

AQUI PUEDES PONER TODO TU TEXTO

</DIV></DIV></DIV>

Scrollbar con imagen de fondo

<DIV align=center>
<TABLE style="WIDTH: 399px; HEIGHT: 502px" height=502 width=399 align=center background=URL DEL FONDO>
<TBODY>
<TR>
<TD align=middle>
<DIV align=right>
<DIV align=right>
<DIV style="OVERFLOW: auto; WIDTH: 392px; HEIGHT: 410px">
<P align=center>escribe acá</P></DIV></DIV></DIV></TD></TR></TBODY></TABLE></DIV>

Haz que el texto se mueva de derecha a izquierda!

<MARQUEE>ACA COLOCA TU TEXTO</MARQUEE>

Haz que el texto se mueva de derecha a izquierda y de vuelta!

<MARQUEE behavior=alternate>
<P align=center>Aca coloca todo tu texto</P></MARQUEE>

Haz que el texto se mueva de abajo hacia arriba!

<MARQUEE onxmouseover=this.stop() style="WIDTH: 250px; HEIGHT: 129px" onxmouseout=this.start() scrollAmount=2 direction=up>ACA COLOCA TODO TU TEXTO</MARQUEE>
<DIV align=center> </DIV>




comentar no es delito
Datos archivados del Taringa! original
0puntos
327visitas
0comentarios
Actividad nueva en Posteamelo
0puntos
4visitas
0comentarios
Dar puntos:

Dejá tu comentario

0/2000

Autor del Post

m
Usuario
Puntos0
Posts7
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.