Tema: Como lograr efecto layout
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 16/02/2011, 17:09
omarMusic
 
Fecha de Ingreso: febrero-2011
Ubicación: Evolandia
Mensajes: 103
Antigüedad: 13 años, 2 meses
Puntos: 10
Respuesta: Como lograr efecto layout
Eso se hace con imagenes prediseñadas y se las pone como background en el body:

o podrias intentar con esto

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <style>
  4. .sombra1 {
  5. border-right: 1px solid #499E49; 
  6. margin: auto; 
  7. width:800px; 
  8. overflow: hidden; 
  9. height: 100%;
  10. filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3', MakeShadow='true', ShadowOpacity='0.60');
  11. -moz-box-shadow: 4px 0px 5px #499E49;
  12. -webkit-box-shadow: 4px 2px 5px #499E49;
  13. box-shadow: 4px 2px 5px rgba #499E49;
  14. }
  15. .sombra2 {
  16. border-left: 1px solid #499E49; 
  17. float: right;
  18. width:790; 
  19. overflow: hidden; 
  20. margin: auto; 
  21. height: 100%;
  22. filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3', MakeShadow='true', ShadowOpacity='0.60');
  23. -moz-box-shadow: -4px 0px 5px #499E49;
  24. -webkit-box-shadow: -4px 0px 5px #499E49;
  25. box-shadow: -4px 0px 5px rgba #499E49;
  26. }
  27. </style>
  28. </head>
  29. <body>
  30. <div class="sombra1">
  31.     <div class="sombra2">
  32.     </div>
  33. </div>
  34. </body>
  35. </html>

lo de los filtros de ie tendrias q investigar mas pa que funcione en ie mas, bueno esto es una idea