como puede hacer este efecto

jrp01 · #1 (**permalink**) 10/03/2005, 09:27

hola alguien sabe como se hace este efecto precido a sombra en los bordes

http://www.trailking.com/

PD tengo dreamweaver

magoote · #2 (**permalink**) 10/03/2005, 09:49

No se a que efecto te referis pero lo de las fotos que cambian esta hecho en flash

jrp01 · #3 (**permalink**) 10/03/2005, 10:42

El efecto es el de la sombra que esta en los bordes

jrp01 · #4 (**permalink**) 10/03/2005, 10:48

Este:

inforsol · #5 (**permalink**) 10/03/2005, 10:52

Desde luego con Dreamweaver, no creo. Como bien dice el amigo magoote, la cosa está hecha en Flash.
Si lo que quieres es hacer un dibujo con sombreado en los bordes, tendrás que usar un programa de dibujo como el Gimp, el Paint Shop Pro o el Photoshop.

jrp01 · #6 (**permalink**) 10/03/2005, 10:54

Entonces es una imagen? por que lo abro con dreamweaver y ahi no hay ninguna imagen

vitrorhei · #7 (**permalink**) 10/03/2005, 22:10

Esto lo puedes realizar mediante tablas, el efecto de sombra es un borde oscuro de una celda dentro de esta pones una tabla, digamos de tres celdas y le das un borde mas claro o sin borde, dando ese efecto.
Y si con DreamWeaver y algo de maña se puede realizar... Bueno creo que más de maña.

inforsol · #8 (**permalink**) 11/03/2005, 01:29

Efectivamente vitrorhei. Tienes razón, es que no entendí bien la cuestión, crei que jrp01 se refería al degradado que tiene la foto del camión desde los bordes hacia adentro.
Y resulta que parece que posteamos los dos a la vez (jrp01 y yo), pero jrp01 me ganó. Cuando yo estaba escribiendo mi anterior respuesta, jrp01 puso la imagen de muestra...

Bueno, pues retomando el hilo, he cogido la página y le he quitado todo lo superfluo y me ha quedado esto, con el famoso y dichoso efecto:

Código HTML:

<html>
 <head>
  <title>Trail King</title>
 </head>
<body topmargin="0" leftmargin="0" background="background.gif" bgcolor="#464a4e" marginheight="0" marginwidth="0" text="#ffffff">
<center>
<table bgcolor="#5c6166" border="0" cellpadding="0" cellspacing="0" height="100%" width="726">
 <tbody>
  <tr valign="top">
   <td bgcolor="#3f4346" width="2"><img src="whitepix.gif" border="0" width="2"></td>
   <td bgcolor="#000000" width="1"><img src="whitepix.gif" border="0" width="1"></td>
   <td width="720">&nbsp;</td>
   <td bgcolor="#000000" width="1"><img src="whitepix.gif" border="0" width="1"></td>
   <td bgcolor="#3f4346" width="2"><img src="whitepix.gif" border="0" width="2"></td>
  </tr>
 </tbody>
</table>
</center>
</body>
</html>

La imagen whitepix.gif debe ser un pixel transparente, puesto para que las celdas tengan la altura correspondiente.

jrp01, en el futuro intenta hacer mejor las preguntas a la primera (por ejemplo, diciendo "bordes de la tabla" en vez de "bordes", ya que en cualquier página suele haber unos cuantos bordes...), así el foro y la gente que participamos seremos más eficaces. Salud.

jrp01 · #9 (**permalink**) 11/03/2005, 08:19

Si creo que habia confusion por eso coloque la imagen (una imagen vale mas que mil palabras

), ahora lo intentare.

Gracias