Foros del Web » Creando para Internet » Diseño web »

Como lograr el siguiente efecto

Estas en el tema de Como lograr el siguiente efecto en el foro de Diseño web en Foros del Web. hola a todos, estoy con un proyecto de una web y mi pregunta es la siguiente. Estube viendo distintos sitios y hay algo que no ...
  #1 (permalink)  
Antiguo 29/05/2012, 18:07
 
Fecha de Ingreso: febrero-2012
Mensajes: 99
Antigüedad: 6 años, 8 meses
Puntos: 4
Como lograr el siguiente efecto

hola a todos, estoy con un proyecto de una web y mi pregunta es la siguiente. Estube viendo distintos sitios y hay algo que no logro descubrir como se hace.
por ejemplo, en la pagani del gob de la ciudad de buenos aires, la barra amarilla de arriba de todo si yo quisiera hacerla igual, no me sale. le pongo el mismo amarillo pero el mio queda mas apagado o algo asi.

http://www.buenosaires.gob.ar/

otro ejemplo podria ser en esta pagina:

http://www.desarrolloweb.com/articulos/ejemplos/css/css3/botones-css3.html

donde los botones estan de tres diferentes colores y si yo pongo esos mismos colores en botones mios no quedan igual, siguen "apagados". espero alguna respuesta, estoy desconcertado.
  #2 (permalink)  
Antiguo 29/05/2012, 20:45
 
Fecha de Ingreso: julio-2008
Ubicación: Córdoba, Argentina
Mensajes: 266
Antigüedad: 10 años, 3 meses
Puntos: 26
Respuesta: Como lograr el siguiente efecto

Hola brai_lf.

Eso sucede porque en el primer caso se utiliza una imagen de fondo repetida horizontalmente (http://www.buenosaires.gob.ar/sites/...l_gradient.png) la cual posee un degradado que puede lograrse -por ejemplo- en Photoshop (no es un color "liso" y único, es una fusión gradual entre colores). Si tienes la imagen, eso se lograría con CSS así:
Código:
div#cabecera
{background: url('images/main_header_vertical_gradient.png') repeat-x;
height: 87px;}
En el segundo caso creo que se logra con una propiedad de CSS 3 para degradado. Puedes consultar el código fuente en la misma página que colocaste.

Un saludo.

Última edición por RabidFish; 29/05/2012 a las 20:52

Etiquetas: css, efecto, lograr, siguiente
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

SíEste tema le ha gustado a 1 personas




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