Foros del Web » Creando para Internet » HTML »

funcion en html

Estas en el tema de funcion en html en el foro de HTML en Foros del Web. hola soy nuevo en esto estoy realizando una web y hay cosas que no entiendo como hacerlo y me gustaria que me ayudaran o me ...
  #1 (permalink)  
Antiguo 13/07/2010, 16:09
 
Fecha de Ingreso: julio-2010
Mensajes: 6
Antigüedad: 7 años, 5 meses
Puntos: 0
funcion en html

hola soy nuevo en esto estoy realizando una web y hay cosas que no entiendo como hacerlo y me gustaria que me ayudaran o me orientaran estoy haciendo una galeria de imagenes y quiero hacer algo como esto que esta en la imagen

[url=http://hosting.deimagenes.com/][img]http://hosting.deimagenes.com/imagen/1pwp.jpg[/img][/url]

y lo otro es que tengo un estilo para que cuando pasa por la imagen se agrande pero me gustaria saber como lo puedo hacer con los margenes redondedos como esto

[url=http://hosting.deimagenes.com/?v=2bjb.jpg][img]http://hosting.deimagenes.com/thumbs/2bjb.jpg[/img][/url]
les dejo el estilo

<style type='text/css'>
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 0px;
left: -100px;
border: 0px;
visibility: hidden;
color: #000000;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -120px;
left: 5px; /*position where enlarged image should offset horizontally */
}
</style>

ojala me puedan ayudar gracias de antemano
  #2 (permalink)  
Antiguo 13/07/2010, 20:03
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: funcion en html

tortusriano

por lo primero, date una vuelta por http://dynamicdrive.com y busca por image effects/image gallery/image slide hay unos cuantos prefabricados, free y no tan complicados de implementar.

Por lo segundo te aclaro, el link que pusiste de ejemplo contiene una imagen con bordes redondeados, contiene una imagen rectangular que dentro tiene una foto enmarcada en un marco, valga la redundancia, que tiene cierta redondéz. Eso se hace con la matoria de los programas de diseño, Photo shop, corel, fireworks, etc

Ahora que si lo quieres hacer en una imagen dentro de tu página, hay una propiedad de CSS3 llamada border-radius, trabaja sobre un div, no sobre la imagen, pero puedes poner la imagen como background de la capa y el efecto es casi el mismo.
Hay otras técnicas con CSS e incluso un plugin de Jquery(javascript) que crea buenos efectos en los bordes. ( http://www.methvin.com/jquery/jq-corner-demo.html )

Lamentablemente, esa propiedad border-radius, no es soportada aun por Internet Explorer 8 (la vi funcionando en la version de Prueba de IE9), al menos que yo sepa.

Te dejo una demo en
http://foros.emprear.com/css/border-...er-radius.html

mira el código fuente para detalles.

Saludos

Etiquetas: funcion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:18.