Emuegos Recien empezado pero muy buen foro.
 
ÍndiceFAQBuscarRegistrarseMiembrosGrupos de UsuariosConectarse

Comparte | 
 

 Imagenes personalisadas

Ver el tema anterior Ver el tema siguiente Ir abajo 
AutorMensaje
marcelito
Lv4
Lv4


Cantidad de envíos : 36
Edad : 22
Localización : En IMAGINACIONLANDIA
Fecha de inscripción : 02/04/2008

Hoja de personaje
Campo principal:
150/150  (150/150)
Segundo campo:
0/40  (0/40)

MensajeTema: Imagenes personalisadas   Miér Ene 28, 2009 3:40 pm

Bueno hoy les enseñaré (como ise con los textos) como trabajar. una imagen.

El codigo más simple es este:
Código:
<img src="aqui la url de una imagen" />

Ej:
Código:
<img src="http://photos-g.ak.fbcdn.net/photos-ak-snc1/v1402/220/125/1354879515/n1354879515_30187574_2831.jpg" />

Quedará asi:



________________________________________________________________________________________________________

Agregando width="x" height="x" se puede modificar el tamaño (width = anchura height = largo)

El cod será asi:
Código:
<img width="numero" height="numero" src="aqui la url de una imagen" />

Ej:
Código:
<img width="700" height="500"  src="http://photos-g.ak.fbcdn.net/photos-ak-snc1/v1402/220/125/1354879515/n1354879515_30187574_2831.jpg" />

Resultado:


________________________________________________________________________________________________________

Agregando alt="palabra" se puede agragar una descipcion o un nombre a la imagen

El cod será asi:
Código:
<img width="numero" height="numero" alt="palabra" src="aqui la url de una imagen" />

Ej:
Código:
<img width="700" height="500" alt="marga se ve como un puto" src="http://photos-g.ak.fbcdn.net/photos-ak-snc1/v1402/220/125/1354879515/n1354879515_30187574_2831.jpg" />

Resultado: (pon el mouse arriba de la imagen)
marga se ve como un puto

________________________________________________________________________________________________________

El proximo cod es dificil, agregando onmouseover="this.src='IMAGEN 2';" onmouseout="this.src='IMAGEN 1';" se puede hacer un efecto sobrepuesto.

El cod será asi:
Código:
<img width="x" height="x" alt="palabra" src="aqui la url de una imagen" onmouseover="this.src='aqui la url de la segunda imagen';" onmouseout="this.src='aqui la url de la primera imagen';" />

Ej:
Código:
<img width="700" height="500" alt="marga se ve como un puto" src="http://photos-g.ak.fbcdn.net/photos-ak-snc1/v1402/220/125/1354879515/n1354879515_30187574_2831.jpg" onmouseover="this.src='http://img150.imageshack.us/img150/5850/perritoforqb2.png';" onmouseout="this.src='http://photos-g.ak.fbcdn.net/photos-ak-snc1/v1402/220/125/1354879515/n1354879515_30187574_2831.jpg';" />


Resultado: (Pon el mouse ensima de la imagen)
marga se ve como un puto

_________________



Visiten mi web
Volver arriba Ir abajo
Ver perfil de usuario http://www.marcelito.es.tl/
 
Imagenes personalisadas
Ver el tema anterior Ver el tema siguiente Volver arriba 
Página 1 de 1.
 Temas similares
-
» IMAGENES Y MELODIAS PARA LA RELAJACION
» Imagenes de la ciudad de Granada la Alhambra
» ay que penita no poder poner imagenes
» Problemas de Visualizacion de Imagenes.
» El diablo captado en imagenes

Permisos de este foro:No puedes responder a temas en este foro.
Emuegos :: Juegos :: Programacion :: Html-
Cambiar a: