como se hace esto?

[rufus]

saludos.

como se hace para por ejemplo coger una celda ke esta dentro de un main y darle relieve ke sobresalga por encima del main y ke tenga sombras en por ejemplo el borde derecho y el de abajo. no se si me explico bien!!! un ejemplo seria la web de nosotras . com

gracias :p

[skatomundo]

Hola rufus

Te refieres a esta imagen (desde la web que mencionas)?

[rufus]

si exactamente eso hacer un marco como ese con las sombras

[skatomundo]

Como puedes ver es una imágen PNG, tendrás que crearla y colocarla de fondo con CSS:

Algo así:

Código PHP:

  #flash {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/bg-flash.png) no-repeat scroll 1px 0;
height:517px;
overflow:hidden;
width:685px;
}  
   

[rufus]

gracias tio pero donde meto ese codigo php??? o como se hace con css???

[rufus]

y si tengo ke crear una imagen como le meto dentro el texto y otras imagenes mas pekeñas??

[Analton]

Rufus, no esperes que te digan todo...
Si no sabes lo que es CSS y querés hacer una página web vas errado.
Yo te diría que empieces buscando un tutorial de HTML y CSS (y espero que no abras un hilo pidiendo un tutorial, que para eso existen los buscadores).

Te aclararé solo la segunda pregunta.
Si algo esta en el fondo, significa que esta atrás de todo (deberías mirar el modelo de cajas de CSS) y las cosas que pongas después se verán sobre el fondo.
Saludos!

[skatomundo]

Por parte:

Primero preguntas sobre el "relieve" del cuadro general ya eso lo sabemos y corresponde a una imágen utilizada (PNG) como fondo del DIV, este DIV contiene una película Flash que es toda la animación que vez dentro.


Quizás te sirva averiguar sobre slideshow, lo más cercano a lo que se puede ver en la Web que mencionaste.

Saludos,

[rufus]

Ok. pero yo por ahora no kiero meter una animacion en flash sino texto y una imagen fija. como en infoempleo.com.

2º para crear la imagen tendre ke usar ilustrator,no? y creo una imagen con fondo blanco y con los bordes en negro y la exporto como png luego con el css la maketo dentro de la celda,no?

pero luego como introduzco el texto dentro de la imagen?????

saludos y gracias por vuestra ayuda

[skatomundo]

1.- Crear imagen PNG con tu editor preferido de imágenes.
2.- No pones fondo, sino una "layer" con sombra como el contorno de la imagen.
3.- Con CSS le dirás que la imagen sea el fondo de tal DIV en el cual desplegarás el resto de la información.
4.- El texto no lo introduces dentro de la imagen, sino, dentro del DIV que tiene por fondo la imagen que acabas de crear.
5.- Saludos

[rufus]

ok ya me voy enterando haber si mañana consigo hacerlo :D

[rufus]

ahora el problema ke tengo es ke cuando meto la imagen png con forma de cuadrado con sus bordes ,sombras y la parte interior del recuadro en transparene. una imagen jpg y un texto se me han desplazado hacia abajo. como se maketa esto con css????

[cehojac]

Iniciado por rufus

ahora el problema ke tengo es ke cuando meto la imagen png con forma de cuadrado con sus bordes ,sombras y la parte interior del recuadro en transparene. una imagen jpg y un texto se me han desplazado hacia abajo. como se maketa esto con css????

usa esto en los estilos

max-with: 200px /*por ejemplo*/
max-heigth:200px /*por ejemplo tambien*/
background-repeat: no-repeat;

[rufus]

Iniciado por cehojac

usa esto en los estilos

max-with: 200px /*por ejemplo*/
max-heigth:200px /*por ejemplo tambien*/
background-repeat: no-repeat;

este codigo donde lo tengo ke poner en la hoja de estilo en la celda donde kiero meter la imagen y los demas elementos (texto e imagen pequeña)?

por que lo e puesto ahi y no me hace nada mmmmm......