souldhack
Codigos Html
Codigos HTML para tu Web
Escrito por Administrador - 7/Julio/2011
Bienvenidos a esta seccion aqui encontraran gran variedad de codigos HTML que sin duda seran de gran ayuda en su web , si no sabes como ponerlos, aplicarlos o istalarlos en tu web ve mi tutorial VER VIDEO
Imagen con link
Con este codigo podras poner una imagen para que a la hora de darla click los lleve a la direccion que tu quieras
Buscador de google en tu web
Con este codigo podras poner el famoso buscador de google en tu web
<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>
Los visitantes de tu web pueden enviarte un e-mail
Con este codigo cualquier persona puede enviarte un e-mail con Asunto y Mensaje, solo cambia las palabras "pon aqui tu direccion de correo" por tu direccion de correo, al hacer click cobre una palabra se abrira un Outlook para enviar un mensaje con tu dirección, el asunto que quieras y el texto que quieras. Por ejemplo: Haz click aca para mandarme un mensaje.
Transforma el cursor en una mira
Este codigo transformara la clasica flechita de Windows en una mira de disparo, copia este codigo y pegalo en texto por encima de la pagina.
<!--
body { cursor: crosshair}
-->
</style>
Menu despegable
El menú desplegable permite que coloques varios enlaces en un solo lugar. Con esto, ganás espacio y facilidad de navegación. Este menú no necesita un botón para activarse. Basta con seleccionar el enlace y automáticamente el navegador se dirigirá a la página.
<select NAME="links" onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value">
<option SELECTED>Elija la sección que desee</option>
<option VALUE="url de tu seccion">Inicio</option>
<option VALUE="url de tu seccion">Juegos</option>
<option VALUE="url de tu seccion">Noticias</option>
</select>
</form>
Texto parpadeante
con este codigo el texto que quieras parpadeara en un marco, un exelente codigo
TE1="PON EL TEXTO QUE QUIERAS";
TE2="";
M=TE1;
cnt=0;
function SH(){
document.Switch.A.value=M;
cnt++;
if(cnt==1 && M==TE1){M=TE2;}
if(cnt==2 && M==TE2){cnt=0;M=TE1;}
setTimeout("SH()",500);
}
// -->
</script>
<form name="Switch">
<div align="center"><center><p><font color="#008000" face="Verdana"><input name="A" size="50" style="color: #33ff33; font-weight: bold; font-family: Verdana, Arial; background-color: rgb(255,255,255); border: 2px outset rgb(0,128,0); margin-top: auto; padding-left: 5px">
</font><script language="JAVASCRIPT">
<!--
SH();
// -->
</script></font></p>
</center></div>
</form>
Recomendar pagina
Con este código podemos hacer que si a un visitante le gustó nuestra Web, la recomiende a un amigo escribiendo su dirección de correo electrónico en la casilla, al hacer click en "Recomendar esta Web" se envía un mensaje de correo con el asunto "checa esta pagina, te puede interesar" y en el cuerpo del mensaje aparece la dirección completa donde se encuentra el código y el título de la misma.
ENVÍA ESTA PÁGINA A UN AMIGO
<br>
Indica su e-mail:
<br>
<input type="text" name="address" size="25">
<br>
<input type="button" value="Recomiendá 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 = "Checa esta pagina, te puede interesar";
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>
Camara de vigilancia en tu web
Con este codigo podras poner en tu web una camara que te vigila en la parte superior de tu web
Cambia el fondo de tu web
Con este codigo podras cambiar el fondo de tu web, copia el codigo y pegal oen texto por debajo de la pagina.
body
{
background-image: url(AQUI PON TU URL DE TU IMAGEN);
background-repeat: no-repeat;
background-attachment: fixed
}
</style>
Acerca del autor
Manolo M./AdministradorLes cuento un poco sobre mi... soy un aficionado en todo lo relacionado con las paginas web, haora estoy enamorado de mi pagina web en la cual se comparten conocimientos, ideas... Leer mas
Algunas categorias
Interesante Aqui hablaremos de articulos de interes y debate. En donde todos pueden opinar y dar puntos de vista.
Interesante
CSS/HTML utilidades, mejoras, servicios, diseño... ¿te quieres volver loco con estos codigos?
CSS/HTML
Souldhack necesita tu ayuda!
¿Que pasa en souldhack y souldhacko?
Recuerda que se están escribiendo artículos recientemente en el blog, Souldhacko Seguir a @Souldhack95Siguenos en Facebook!
Recent Posts
Cuadro ultimos tweets Para todos los usuarios de twitter que tienes una web acargo en esencial...
Abril 14, 2012
Botones compartir articulosCuando un articulo es satisfactorio, o simplemente era lo que estabamos...
Febrero 18, 2012
Usar/Utilizar jQuery Bueno en este tutorial explico como instalar y usar jquery ya sea en un diseño profecional...
Noviembre 13, 2011
Cambiar botones a Ice Blue En este mi mas reciente video subido explico como cambiar los botones de los diseños...
Mayo 3, 2012
