[Actualizable] Nuevos códigos HTML-CSS

Sección para"expertos", que quieren cambiar el código HTML de su página o insertar Java Scripts, Iframes, etc.. Si eres principiante, esta sección no te hace falta.

ModeradorCOLON Moderadores

Klk3
ExAdministrador
ExAdministrador
MensajesCOLON 2803
RegistradoCOLON 18 Nov 2005 16:09
UbicaciónCOLON Barcelona,España
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor Klk3 » 16 Jun 2009 09:43

no decaera porque tu siempre tienes un monton de codigos y yo siempre los pierdo
Imagen
Hasta siempre ha sido un placer muy grande :D

Avatar de Usuario
michan
Moderador
Moderador
MensajesCOLON 1610
RegistradoCOLON 29 Dic 2008 17:37
Escribe: PalimpalemCOLON Palimpalem
UbicaciónCOLON Seras cotilla ¬¬
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor michan » 16 Jun 2009 09:44

Klk3 escribióColonno decaera porque tu siempre tienes un monton de codigos y yo siempre los pierdo

Pero ahora que no te de por recordarlos, que si no la web entra en quiebra!!

Avatar de Usuario
Ivan
Master User
Master User
MensajesCOLON 2172
RegistradoCOLON 29 Oct 2005 00:15
UbicaciónCOLON Santa Fe, Argentina
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor Ivan » 16 Jun 2009 18:54

haré lo mejor posible!

Avatar de Usuario
Ivan
Master User
Master User
MensajesCOLON 2172
RegistradoCOLON 29 Oct 2005 00:15
UbicaciónCOLON Santa Fe, Argentina
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor Ivan » 29 Jun 2009 21:11

Traducir mi página!
Valoración: 8
Descripción: es un simple traductor proporcionado por Google para nuestros sitios webs.
Hay varios posts aquí en Palimpalem pidiendo esto y lo veo oportuno.
Espero que les sirva.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=es&w=160&h=60&title=&border=&output=js"></script>

Avatar de Usuario
Ortion
Newbie
Newbie
MensajesCOLON 175
RegistradoCOLON 27 Ene 2007 19:38
UbicaciónCOLON Coronado -> San José -> Costa Rica
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor Ortion » 01 Jul 2009 22:39

Se ve util, veré si lo uso alguna vez
Imagen

Avatar de Usuario
Ivan
Master User
Master User
MensajesCOLON 2172
RegistradoCOLON 29 Oct 2005 00:15
UbicaciónCOLON Santa Fe, Argentina
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor Ivan » 14 Jul 2009 03:39

Tabla que cambia de colores
Valoración: 8.0
Descripción: tabla que cambia de color sus celdas al colocar
el cursor encima de ellas. Puede haber o NO hipervínculos.

<html>
<head>
<title>HTML - Tabla de colores</title>
<script language="JavaScript">
<!--

var ns4 = (document.layers)?true:false
var ie4 = (document.all)?true:false
if(ie4){
document.write("<link rel='stylesheet' href='css/estilos_ie.css'>")
}else{
document.write("<link rel='stylesheet' href='css/estilos_ns.css'>")
}
function overTD(td,color){td.bgColor=color;}
function outTD(td,color){td.style.cursor='default';td.bgColor=color;}
function clickTD(td){td.children.tags('A')[0].click();}
//-->
</script>
</head>
<center>
<body bgcolor="#FFFFFF" topmargin=0 leftmargin=0 >
<table width="50%" height="94" border="1" cellpadding="3" cellspacing="0" bordercolor="#c8c8c8">
<tr>

<td class="enlace" bgcolor='FFFFFF' onMouseOver="overTD(this,'#0099CC');" onMouseOut="outTD(this,'FFFFFF');" onClick="clickTD(this);">
<center>Celda número 1</center>
</td>
<tr>
<td height="1">
</td>
</tr>

<td class="enlace" bgcolor='FFFFFF' onMouseOver="overTD(this,'#FFFF00');" onMouseOut="outTD(this,'FFFFFF');" onClick="clickTD(this);">
<center>Celda número 2</center>
</td>
<tr>
<td height="1">
</td>
</tr>

<td class="enlace" bgcolor='FFFFFF' onMouseOver="overTD(this,'#FF0000');" onMouseOut="outTD(this,'FFFFFF');" onClick="clickTD(this);">
<center>Celda número 3</center>
</td>
<tr>
<td height="1">
</td>
</tr>
</td></tr></table>
</center></body>
</html>


Modifique los códigos hexagesimales (colores), los textos que se encuentran dentro
de las celdas. Se pueden agregar más celdas si se prefiere.

Avatar de Usuario
Ivan
Master User
Master User
MensajesCOLON 2172
RegistradoCOLON 29 Oct 2005 00:15
UbicaciónCOLON Santa Fe, Argentina
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor Ivan » 17 Jul 2009 23:21

Cargando página
Valoración: ?
Descripción: cargando página...



Entre <head> y </head>:

<title>Título</title>
<div ID="waitDiv" style="position:absolute;left:300;top:300;visibility:hidden">
<table cellpadding="6" cellspacing="0" border="1" bgcolor="#000000" bordercolor="#FFFFFF">
<tr><td align=center>
<font color="#ffffff" face="Verdana" size="4">Cargando página...</font>
<img src="/images/cargando.gif" border="1">
</td>
</tr></table>
</div>
<SCRIPT>
<!--
var DHTML = (document.getElementById || document.all || document.layers);
function ap_getObj(name) {
if (document.getElementById)
{ return document.getElementById(name).style; }
else if (document.all)
{ return document.all[name].style; }
else if (document.layers)
{ return document.layers[name]; }
}
function ap_showWaitMessage(div,flag) {
if (!DHTML) return;
var x = ap_getObj(div); x.visibility = (flag) ? 'visible':'hidden'
if(! document.getElementById) if(document.layers) x.left=280/2; return true; } ap_showWaitMessage('waitDiv', 3);
//-->
</SCRIPT>



Esto justo después de </body>:

<SCRIPT language=javascript>
<!--
ap_showWaitMessage('waitDiv', 0);
//-->
</SCRIPT>

Avatar de Usuario
javierrojas
Pro User
Pro User
MensajesCOLON 959
RegistradoCOLON 17 Jul 2008 23:23
UbicaciónCOLON mii casiica!!
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor javierrojas » 17 Jul 2009 23:25

Muy bueno, lo usaré este ultimo. :wink:
VUELVE WWW.PPF.YA.ST
EL MIÉRCOLES, 21 DE JULIO, A LAS 18:00 DE LA TARDE, NO FALTES, FIESTA DE REGRESO.

Avatar de Usuario
Ivan
Master User
Master User
MensajesCOLON 2172
RegistradoCOLON 29 Oct 2005 00:15
UbicaciónCOLON Santa Fe, Argentina
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor Ivan » 18 Jul 2009 04:23

Imagen encima de otra imagen
Valoración: 8.5
Descripción:


<DIV STYLE="position:absolute; top:30px; left:100px; width:200px; height:200px; visibility:visible">
<IMG SRC="elemento01.gif" border=0>
</DIV>

<DIV STYLE="position:absolute; top:150px; left:150px; width:200px; height:200px; visibility:visible">
<IMG SRC="elemento02.gif" border=0>
</DIV>

Avatar de Usuario
javierrojas
Pro User
Pro User
MensajesCOLON 959
RegistradoCOLON 17 Jul 2008 23:23
UbicaciónCOLON mii casiica!!
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor javierrojas » 18 Jul 2009 12:29

No entendí este codigo, podrias poner una foto?? :wink:
VUELVE WWW.PPF.YA.ST
EL MIÉRCOLES, 21 DE JULIO, A LAS 18:00 DE LA TARDE, NO FALTES, FIESTA DE REGRESO.

Avatar de Usuario
Ivan
Master User
Master User
MensajesCOLON 2172
RegistradoCOLON 29 Oct 2005 00:15
UbicaciónCOLON Santa Fe, Argentina
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor Ivan » 18 Jul 2009 17:51

Sí, me parece bien.

Este pantallazo tiene el código editado. La segunda imagen tiene un top: 30px

Imagen
:lap:

Avatar de Usuario
javierrojas
Pro User
Pro User
MensajesCOLON 959
RegistradoCOLON 17 Jul 2008 23:23
UbicaciónCOLON mii casiica!!
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor javierrojas » 18 Jul 2009 18:08

Muchas GraciasIvan. :^^:
VUELVE WWW.PPF.YA.ST
EL MIÉRCOLES, 21 DE JULIO, A LAS 18:00 DE LA TARDE, NO FALTES, FIESTA DE REGRESO.

Avatar de Usuario
formuloizer
Grand User
Grand User
MensajesCOLON 487
RegistradoCOLON 16 Jun 2009 19:50
UbicaciónCOLON Palma de Mallorca

Re: [Para actualizar] Nuevos códigos html

Notapor formuloizer » 18 Jul 2009 20:49

Este ultimo código lo he encontrado de gran utilidad :)
http://www.formuloizer.tk
Web de Fórmula 1 y Moto GP

Avatar de Usuario
Ivan
Master User
Master User
MensajesCOLON 2172
RegistradoCOLON 29 Oct 2005 00:15
UbicaciónCOLON Santa Fe, Argentina
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor Ivan » 24 Jul 2009 04:35

Imagen cambia al pasar el cursor (V2)
Valoración: 9.0
Descripción: imagen cambia al pasar el ratón por encima. No necesita cargar la imagen.

¡Está mejorado!
<img src="http://imagen1.png" id="imagen"

onmouseover="this.src='http://imagen2.png '

"onmouseout="this.src='http://OTRA-VEZ-imagen1.png'">

Avatar de Usuario
usuario_eliminado1
Advanced User
Advanced User
MensajesCOLON 860
RegistradoCOLON 06 Ene 2007 21:47
UbicaciónCOLON España.
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor usuario_eliminado1 » 28 Jul 2009 21:48

No me enteré de este tema de códigos. ::$:
Ahora que lo he visto, me parece un buen tema con códigos muy útiles.

Saludos. :alien:
AYUDÁ A PALIMPALEM. ENVIÁ ESTE POWERPOINT A TUS CONTACTOS
Lee las normas, no hagas doble-post, colocá asuntos explicativos, no escribas en mayúsculas, no ofendas, usa el buscador.


Volver a

¿Quién está conectado?

Usuarios navegando por este Foro: 6 y 0 invitados

cron