[Mega-post] Codigos Html para tu web¡

Ver categorías

Animaciones

Anime / Manga / Otros

Celulares

Cine y TV

Comic's

Comunidad casera

Descargas

Enlaces

Emule / Torrents

Humor

Imágenes

Juegos

Libros

Linux

Música

Noticias

Off-topic

Peticiones / Soporte

Tips y Trucos

Tutoriales / Ayuda

Videos On-line

Windows

¿Has olvidado tu contraseña?
¿Quieres tu cuenta? ¡¡Regístrate!!

¡Bienvenido a Casitaweb 2.0!

Publicado por:

>>El post esta alla>>

Marce666
Turista

PUNTOS: 175
POST: 175
COMENTARIOS: 90

¡¡REGÍSTRATE!! es ¡¡GRATIS!!

[Mega-post] Codigos Html para tu web¡

REGÍSTRATE GRATIS Y ELIMINA ESTA PUBLICIDAD, ADEMÁS TENDRÁS ACCESO A TODOS LOS POSTS Y FUNCIONES

Les dejo muchos codigos html para poner en un moludo o lugar de tu web.Son editables (no todos) pero la mayoria si, yo remarco lo editable

Una web dentro de otra

Citar:

<iframe name="window" src="URL DE LA WEB" width="565" height="900" marginwidth="0" scrolling="yes" frameborder="0"></iframe>

Buscador de google en tu web.

Citar:

<p> </p>
<center>
<form action="http://www.google.com/search" method="get">
<table bgcolor="#ffffff">
<tbody>
<tr>
<td><a href="www.google.es/" _fcksavedurl="www.google.es/"><img alt="Google" align="absMiddle" border="0" src="http://www.google.com/logos/Logo_40wht.gif" _fcksavedurl="http://www.google.com/logos/Logo_40wht.gif" />[/url] <input maxlength="255" size="31" name="q" /> <input type="hidden" name="hl" value="es" /> <input type="submit" name="btnG" value="Búsqueda Google" />

Insertar un banner en tu web.

Citar:

<a href='http://AQUI TU WEB' _fcksavedurl='http://AQUI TU WEB' style='display:scroll;position:fixed;bottom:0px;right:0px;'>
<img src='URL DE TU IMAGEN' _fcksavedurl='URL DE TU IMAGEN'/>[/url]

Fondo de tu web.

Citar:

<STYLE type=text/css>
BODY {
BACKGROUND-COLOR: #Númerodelcolor ; BACKGROUND-IMAGE: url(URL de imagen de fondo)
}
</STYLE>

Poner un calendario en tu web.

Citar:

<html> <head> <title>JavaFILE</title> <base target="leftframe"></base> </head> <body BGCOLOR="#ffffff" link="#CC0033" vlink="#333399" alink="#FF0000"  <table WIDTH="96%" BORDER="0" CELLSPACING="5" CELLPADDING="5"> <tr> <td WIDTH="100%"><font size="3">http://www.Info-MuOnline.es.tl][/url]</font><font FACE="ARIEL,HELVETICA" SIZE="-1"><p align="center"><script
LANGUAGE="Javascript">

</script> </font></td> </tr> </table>  </body> </html>

Centrar tu web.

Citar:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:/www.w3.org/1999/xhtml">
<div style="width:900px; position: relative; margin-left: auto; margin-right: auto;"><center>

Probador html [Sirve para probar los html] [osea,vos si no estas seguro que el html esta bien , este codigo te lo resuelve]

Citar:


<script>
function probar(texto) {
ventana = window.open('', 'popup', '');
ventana.document.write(texto);
}
</script>
<form action="" name="probador">
<font face="Verdana" size="2">Esto es un probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!<FCK:hr />
</font><textarea rows="10" cols="50" name="texto">

Tabla de colores.

Citar:


<script language=Javascript>
var browser = navigator.appName;
var version = navigator.appVersion;
if (browser=="Microsoft Internet Explorer" && version>="4") {
document.write('<iframe name="window" src="http://paneles.impresionesweb.com/webmasters/colores.htm" width="500" height="350" marginwidth="0" scrolling="yes" frameborder="0"></iframe>');
}
</script>

Redireccionar web,si cambiaste de sitio y perdiste users no te preocupes con esto los redireccionas a tu nueva web.

Citar:

<script>location='Web a redireccionar.'</script>

Conocer el IP del visitante.

Citar:

<img border="0" alt="" src="http://www.danasoft.com/sig/JavitosWeb.jpg" _fcksavedurl="http://www.danasoft.com/sig/JavitosWeb.jpg" />

Mensaje de bienvenida.

Citar:

<html>
<head>
<title>Alert Box2</title>
<FCK:meta name="GENERATOR" content="Microsoft FrontPage 3.0" />
<script language="Javascript">
function CONFIRM(){if (!confirm
("Pon tu mensaje aca"))
history.go(-1);return " "}
document.writeln(CONFIRM())
</script>
</head>
<body>
</body>
</html>

Insertar un archivo FLASH.

Citar:

<embed src="AQUI COLOCA EL LINK DE TU FLASH" width="500" height="130" scale="ShowAll" play="true" loop="true" menu="true" wmode="Window" quality="1" type="application/x-shockwave-flash"></embed>

Television francesa. 8|

Citar:

<OBJECT id='mediaPlayer' width="384" height="333" classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'codebase=
'http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#
Version=5,1,52,701'
standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'><param
name='fileName'value="mms://vipmms9.yacast.net/bfm_bfmtv"><param name='animationatStart'
value='true'><param name='transparentatStart' value='true'><PARAM NAME="ShowStatusBar"
VALUE="1"><param name='autoStart' value="true"><param name='showControls'
value="true"><param name='loop' value="true"><EMBED type='application/x-mplayer2'
pluginspage='http://microsoft.com/windows/mediaplayer/en/download/' id='mediaPlayer'
name='mediaPlayer' displaysize='4' autosize='-1'bgcolor='darkgblue'
showcontrols="true" showtracker='-1'showdisplay='0' showstatusbar='1'
videoborder3d='-1' width="384" height="333" src="mms://vipmms9.yacast.net/bfm_bfmtv"
autostart="true" designtimesp='5311' loop="true"></EMBED></OBJECT>

Spoiler ocultar contenido. :evil:

Citar:

Código:
<div class="pre-spoiler"> <span style="float:left; padding-top: 2px;">AQUI COLOCAN EL TEXTO KE SE VERA PARA DAR CLIC</span> <input type="button" value="TEXTO QUE VA ARRIBA DEL BOTON" style="width:80px;font-size:10px;margin:0px;padding:0px;" onclick_fckprotectedatt=" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar';}""> </div> <div> <div class="spoiler" style="display: none;">AQUI ESCRIBEN TODO EL CONTENIDO QUE OCULTARAN</div> </div>

Messenger en tu Web. 8|

Citar:

<table cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="vertical-align: middle;"> </td>
<td style="vertical-align: middle;"> </td>
</tr>
</tbody>
</table>
</div>
<div align="center" class="middleBoxIn"> </div>
<div align="center">
<table width="480" cellspacing="0" cellpadding="0" class="ig_reset ig_tbl_img">
<tbody>
<tr>
<td style="background-image: url(http://gmodules.com/ig/images/tl.gif); width: 8px; height: 28px;"> </td>
<td style="background-image: url(http://gmodules.com/ig/images/tt.gif); width: auto; height: 28px; text-align: center;"> </td>
<td style="background-image: url(http://gmodules.com/ig/images/tr.gif); width: 8px; height: 28px;"> </td>
</tr>
<tr>
<td style="background-image: url(http://gmodules.com/ig/images/l.gif); width: 8px; height: auto;"><font color="#ff0080"><img width="8" height="1" alt="" /></font></td>
<td>
<p align="center"><iframe width="480" height="250" frameborder="0" src="http://gmodules.com/ig/ifr?url=http://www1.messengerfx.com/Clients/Google.xml&synd=open&w=480&h=250&title=MessengerFX+-+audiSUR&border=http%3A%2F%2Fgmodules.com%2Fig%2Fimages%2F&source=http%3A%2F%2Faudisur.es.tl%2FMessenger-FX.htm" style="display: block;"></iframe></p>
</td>
<td style="background-image: url(http://gmodules.com/ig/images/r.gif); width: 8px; height: auto;"><font color="#ff0080"><img width="8" height="1" alt="" /></font></td>
</tr>
<tr>
<td style="background-image: url(http://gmodules.com/ig/images/bl.gif); width: 8px; height: 28px;" id="bl503195843"> </td>
<td style="background-image: url(http://gmodules.com/ig/images/b.gif); width: auto; height: 28px;" id="b503195843">
<div id="imgpromo503195843"> </div>
</td>
<td style="background-image: url(http://gmodules.com/ig/images/br.gif); width: 8px; height: 28px;" id="br503195843"> </td>
</tr>
</tbody>
</table>

Mensaje en la barra inferior.

Citar:

<script language="JavaScript">

</script>

Mensaje Parpadeando en bara inferior de Texto.

Mensaje Parpadeando en bara inferior de Texto.

Citar:
<script language="JavaScript">
var CC_msg = "Tu msj aca Cw is rules";
var speed = 150;
var control = 1;
function flash()
{
if (control == 1)
{
window.status=CC_msg;
control=0;
}
else
{
window.status="";
control=1;
}
setTimeout("flash();",speed);
}
</script>

<script language="JavaScript">
var CC_msg = "Tu msj aca Cw is rules";
var speed = 150;
var control = 1;
function flash()
{
if (control == 1)
{
window.status=CC_msg;
control=0;
}
else
{
window.status="";
control=1;
}
setTimeout("flash();",speed);
}
</script>

Mensaje con Movimiento en la Parte Superior.

Citar:

<script LANGUAGE="JavaScript">
var txt="Dale pone aca tu mensaje para tu web y dejame puntos! rata!";
var espera=30;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
</script>

Mensaje que Cambia de Color.

Citar:

<SCRIPT language=JavaScript>
<!--
function cambiaColor(colorfg){
document.fgColor = colorfg
}
function tiempo(){
setTimeout("cambiaColor('aqua')",1);
setTimeout("cambiaColor('silver')", 1000);
setTimeout("cambiaColor('lightyellow')", 3000);
setTimeout("cambiaColor('lightgreen')", 5000);
setTimeout("cambiaColor('orange')", 7000);
setTimeout("cambiaColor('yellow')", 9000);
setTimeout("tiempo()", 11000);
}
tiempo();
</script>

Botones de Navegación.

Citar:

<table border="0" bgcolor="#FFCC66">
<tr>
<td align="center">
<input type="button" value=" << " onclick="javascript:window.history.go(-1);">
<input type="button" value="Top" onclick="document.location='#top';">
<input type="button" value=" >> " onclick="javascript:window.history.go(1);"></td>
</tr>
</table>

Mensaje de Cargando Página.

Citar:
<body onLoad="esconde();">
<script language="JavaScript">
if(ie || ns) document.write('<div id="precarga" align="center">
Esperen a que termine de cargar la página, por favor...</div>');
</script>

Minimizar Pagina con un Boton.

Citar:
<input type="button" value="Minimizar ventana" onclick="window.moveBy(5000,5000); min = 'si';" style="font-family:Verdana"><script>min = "no"; function volver(){if(min == "si"){window.moveTo(0,0); min = "no"}}; window.onfocus = volver
</script>
<style>
.animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Arial;font-weight:bold;color:Blak;}
</style>

Saludo según la hora del día.

Citar:

<Font size=2 face=arial>
<Script Language="JavaScript">

</script>
</font>

Tiempo restante para finalizar el día.

Citar:

<body>
<p>Tiempo restante para finalizar el día</p>
<form name="Reloj">
<input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día">
<script language="JavaScript">

</script>
</form>
</body>

Texto que sigue al cursor.

Citar:

<script>

var x,y

var step=20

var flag=0

// Tienes que dejar un espacio al final de tu mensaje!!!!!

var message="ESTO LO MODIFICAS EN EL CODIGO "

message=message.split("")

var xpos=new Array()

for (i=0;i<=message.length-1;i++) {

xpos=-50

}

var ypos=new Array()

for (i=0;i<=message.length-1;i++) {

ypos=-50

}

function handlerMM(e){

x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX

y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY

flag=1

}

function makesnake() {

if (flag==1 && document.all) {

for (i=message.length-1; i>=1; i--) {

xpos=xpos[i-1]+step

ypos=ypos[i-1]

}

xpos[0]=x+step

ypos[0]=y

for (i=0; i<message.length-1; i++) {

var thisspan = eval("span"+(i)+".style")

thisspan.posLeft=xpos

thisspan.posTop=ypos

}

}

else if (flag==1 && document.layers) {

for (i=message.length-1; i>=1; i--) {

xpos=xpos[i-1]+step

ypos=ypos[i-1]

}

xpos[0]=x+step

ypos[0]=y

for (i=0; i<message.length-1; i++) {

var thisspan = eval("document.span"+i)

thisspan.left=xpos

thisspan.top=ypos

}

}

var timer=setTimeout("makesnake()",30)

}

</script>

</head>

<body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">

</body>

<script>



</script>

</html>

Título a la página.

Citar:

<script LANGUAGE="JavaScript">

var txt="ACA VA EL TÍTULO";

var espera=30;

var refresco=null;

function rotulo_title() {

document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt ;

refresco=setTimeout("",espera);}

rotulo_title();

</script>

Insertar un foro de foroactivo u otro en nuestra web.

Citar:

<script language=JavaScript>

var browser = navigator.appName;

var version = navigator.appVersion;

if (browser=="Microsoft Internet Explorer" && version>="2") {

document.write('<iframe name="window" src="URL DEL FORO" width="558" height="550" marginwidth="0" scrolling="yes" frameborder="0"></iframe>');

}</script>

Establecer como página de inicio.

Citar:

<A class=chlnk style="FONT-WEIGHT: bold; CURSOR: hand;
COLOR: #004080; FONT-FAMILY: Verdana" onclick=
"this.style.behavior='url(#default#homepage)';
this.setHomePage('http://www.CheNico.com');">
<FONT face=Arial color=#000000 size=-2><U>
Esta parte del texto se puede modificar en el código</U></FONT>[/url]

Atras - Actualizar - Adelante.

Citar:

<input type="button" value="Atrás" onclick="history.back()" style="font-family: Verdana; font-size: 8 pt">
<input type="button" value="Actualizar" onclick="window.location.reload()" style="font-family: Verdana; font-size: 8 pt">
<input type="button" value="Adelante" onclick="history.forward()" style="font-family: Verdana; font-size: 8 pt">

Caja de código con botón Copiar...

Citar:

<span id="Caja1" class="Caja1">Haga click dentro de la caja de texto para copiar su contenido

</span> <textarea onclick="copyCaja1(document.getElementById('code1'));return false;" rows="3" cols="16" id="code1">EL TEXTO O CÓDIGO QUE DESEE QUE APAREZCA DENTRO DE LA CAJITA Nº1</textarea> <script>
function copyCaja1(elt) {
var urlSwf = "copy.swf";
var flash = document.getElementById("C1");
var divinfo = '<embed src="http://www.mygirlyspace.com/' + urlSwf + '" name="copy_swf" FlashVars="clipboard='+escape(elt.value)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';
flash.innerHTML = divinfo;
elt.focus();
elt.select();
document.getElementById("Caja1").innerHTML = "¡El texto ha sido copiado!
";
return true;
}
</script>
<div id="C1"> </div>

pd. Si quieres colocar más de una caja en una sola página, escribe el mismo código reemplazando los 1 por 2.

Recomendar página.[/b]

Citar:

<form name="eMailer">
ENVÍA ESTA PÁGINA A UN AMIGO

Indica su e-mail:

<input type="text" name="address" size="25">

<input type="button" value="Recomendá esta Web!" onClick="mailThisUrl();">
</form>
<script language="JavaScript1.2">
var good;
function checkEmailAddress(field) {
// the following expression must be all on one line...
var goodEmail = field.value.match(/b(^(S+@).+((.com)|(.net)|
(.edu)|(.mil)|(.gov)|(.org)|(..{2,2}))$)b/gi);
if (goodEmail){
good = true
} else {
alert('Por favor introduce un e-mail valido')
field.focus()
field.select()
good = false
}
}
u = window.location;
m = "Pienso que te puede interesar esta página...";
function mailThisUrl(){
good = false
checkEmailAddress(document.eMailer.address)
if (good){
// the following expression must be all on one line...
window.location = "mailto:"+document.eMailer.address.value+"?subject="+m+"&body="+document.title+" "+u;
}
}
</script>

Mensaje de alerta al intentar copiar. :P

Citar:
<Script language=JavaScript>
function right(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){
alert("ACA TU MENSAJE DE ALERTA.");
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("ACA TU MENSAJE DE ALERTA");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
</script>

Mensaje de despedida.

Citar:

script language="Javascript">

function goAway() {
alert('TU MENSAJE DE DESPEDIDA');
}
</script>

<body bgcolor="white" onUnload="goAway()">

</body>

Espero que les guste y que los usen la fuente es propia todos los html los tengo en blocs de notas no los robe de ninguna pagina. :ninja:

Estube mucho tiempo con este post :???: asi que por lo menos COMENTEN¡ y por hay algunos puntines no vienen mal :lol:

[/color]

REGÍSTRATE GRATIS Y ELIMINA ESTA PUBLICIDAD, ADEMÁS TENDRÁS ACCESO A TODOS LOS POSTS Y FUNCIONES

Opciones

Usuarios no registrados y turistas no puede calificar.

Enviar a un amigo

Posts relacionados:
No hay posts relacionados.

Información del Post

92 visitas 0 favoritos 0 puntos

Creado el: September 16, 2008, 10:25:31 PM

Categoría: Tutoriales / Ayuda

Tags: Este post no cuenta con tags.

Firma