Laboratorio Tecnologico Experimetal
Posts tagged Html
jCryption Plugin Para Encriptar Forms Html
Aug 12th
jCryption encripta Forms
jCryption es un plugin en javascript que nos ayudara a encriptar nuestros formularios Html, codifica los Post/Get enviados por el formulario.
Normalmente cuando tenemos datos que se envian por un formulario, esos datos se envia como texto plano, si es que no utilizamos SSL. Pero no todos los servidores cuentan con servicion SSL, algunos de los que si cuentan con este servicio te piden una muy buena cantidad extra por el servicio (buena para ellos), o piden que tu te hagas cargo de la configuracion cosa que puede llegar a estresar un poco, bueno pues para sustituir un poco a SSL podremos utilizar jCryption que nos sera de gran ayuda.
jCryption utiliza el algoritmo de clave publica de RSA para el cifrado y descifrado de los datos.
jCryption fue probado con diferentes navegadores, arrojando buenos resultados (segun autores) los navegadores testeados fueron:
(No Ratings Yet)
Loading ...Como Hacer un Menu Horizontal con Efecto Sliding
Jun 19th
Menu Horizontal con Efecto Sliding
Este pequeño menu esta escrito con CSS y HTML, unicamente, nada de Javascript o alguna otra tecnologia.
Bueno pues sin mas ahora vamos a ver el codigo y dar una pequeña descripcion, que no sera muy grande ya que el codigo es muy sencillo de entender.
More >
(No Ratings Yet) Loading ...Como Crear un Menu CSS con Efecto OnMouseOver
Apr 18th
En esta ocasión les traigo un pequeño codigo hecho en CSS con el cual podremos crear un menu con efecto OnMouseOver, el cual es muy similar a muchos scripts escritos en javascript, que nos brindan el mismo efecto.
Este efecto basicamente es el siguiente, cuando esta en reposo la seccion del menú tiene un color y cuando esta activo tiene uno diferente, al igual que cuando damos click, toma un tercer color.
Bueno sin mas explicaciones les dejo el codigo.
CSS:
CSS:
-
<style type="text/css">
-
#menu div.barraMenu,
-
#menu div.barraMenu a.botonMenu {
-
font-family: sans-serif, Verdana, Arial;
-
font-size: 8pt;
-
color: white;
-
}
-
-
#menu div.barraMenu {
-
text-align: left;
-
}
-
#menu div.barraMenu a.botonMenu {
-
background-color:#0099FF;
-
color: white;
-
cursor: pointer;
-
padding: 4px 6px 2px 5px;
-
text-decoration: none;
-
}
-
#menu div.barraMenu a.botonMenu:hover {
-
background-color:#0066FF;
-
}
-
#menu div.barraMenu a.botonMenu:active {
-
background-color:#0000CC;
-
color: white;
-
}
-
</style>
HTML:
(No Ratings Yet) Loading ...Como Hacer un Degradado con CSS
Mar 17th
En la web existen miles de paginas que utilizan imagenes degradadas en su sitio, que crean con algun software de diseño.Ahora con este simple codigo aprenderemos a degradar una imagen con CSS,para esto necesitamos hacer una imagen en fireworks (de preferencia) con degradado alfa, y guardada con extencion .PNG (pondre un par de imagenes en descarga, si gustas solo seria cosa de que cambies el tamaño y la utilices)Bueno ahora si manos a la obra
HTML:
Nota: Puedes usar los divs que gustes pero no se te olvide llamara a la clase CSS
Y ahora el archivo CSS:
CSS:
-
.degradado {
-
width: 980px; height: 100px;
-
background-position:center;
-
-
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='degradado.png');
-
-
}
-
-
.degradado[class] {
-
background-image:url(degradado.png);
-
}
-
.degradado2{
-
width: 650px; height: 300px;
-
background-position:center;
-
-
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='degradado2.png');
-
}
-
-
.degradado2[class] {
-
background-image:url(degradado2.png);
-
}
width y height:Aqui es donde modificaremos el tamaño, para adaptarlo a nuestra imagen
(No Ratings Yet) Loading ...Los tres malentendidos más comunes sobre HTML
Oct 28th
Bueno veremos algunos, en lo personal los 3 malentendidos mas comunes sobre esto llamado HTML
- HTML es un lenguaje de programación
En HTML no se programa, si no que simplemente se "escribe". Los principiantes suelen creer que escribir código fuente HTML es como programar, porque deben estar atentos a todos los caracteres, pero que no se hace lo mismo cuando estas escribiendo un dictado, copiando una tarea? y no programas verdad? - HTML es un lenguaje de descripción de páginas
HTML no describe cómo se muestra una págin, sino solamente la estructura. Para el diseño se utiliza CSS. - HTML se utiliza para el diseño de páginas web
"Diseña con HTML es como dibujar con esposas" esta frace apesar de los años sigue vigente. Lo importante a la hora de crear una pagina web es la separacion entre contenido y diseño, HTML sirve para crear "los cuadros rectangulares" y llenarlos de texto pero para darle diseño a estos "cuadros" utilizamos CSS
(No Ratings Yet) Loading ...
Últimos Comentarios