Comunidad oficial de diseñadores web, web developers y Webmasters. Aqui podemos tratar temas actuales sobre diseño y tecnología. Podemos compartir y actualizarnos. Photoshop, Flash, PHP, ASP, Java, HTML, CSS, MySQL, CMS, etc. Unite YA y lee los Sticky

Ver más
  • 13,065 Miembros
  • 9,531 Temas
  • 3,449 Seguidores
  • 0

Nose como hacer fondo

Hola, me uní ayer a la comunidad, hay bocha de cosas. Muy bueno por la iniciativa, los felicito. Busque un rato pero no encontré solución.

Resulta que yo soy diseñador ( no web). Realizo diseños para crear una imagen corporativa de mis clientes.
Estoy en un problema, muchos clientes no entienden porque no tengo pag web, y la verdad es porque nunca me sente a aprender. Siempre que un cliente necesita una, tercieriso con algún programador. ( acabo de encontrar una linda pagina para llenarme de proveedores jajaj)

Pero bueno, la mía la quiero hacer yo. Hice algunas con HTML muy muy simples. Y la verdad si me expongo como diseñador no puedo tener un sitio medio pelo.

Estoy leyendo mucho de CSS. Y con HTML y CSS se pueden lograr cosas, a mi humilde entender, muy copadas.

Estoy en un problema, quiero hacer algo que estoy seguro vi en algún lado. Les hice un esquemita rápido y feo para que me comprendan mejor.



Lo negro, seria el fondo.
Lo blanco, el "paño" donde estaria toda la info, etc
Lo amarillo, ( el problema) seria como un separador. Pero lo que quiero lograr, seria como una barra gruesa que sea como el fondo ( infinito digamos, de punta a punta de la pantalla). Hay alguna forma de hacer esto?

Ademas, estuve chusmeando un poco y encontre que hay formas de insertar galerias o slides ya prefabricados. Alguno conoce alguna copada? ( por mas que me tenga que arrancar la cabeza hasta que funcione jajja)


Muchas gracias por la onda y espero que alguno me pueda salvar. Demas esta decir, que si alguno necesita alguna ayudita con diseño estoy totalmente predispuesto.
  • 0
  • 0Calificación
  • 2Seguidores
  • 190Visitas
  • 0Favoritos

7 respuestas

@Descargador2 dijo Hace más de 11 meses:

También nose si es del tema las podes diseñar en photoshop a las webs y después la convertís a html y css y a lo de los slides tenes que aprender Javascript y Jquery para tener un concepto y no se te hagan complicadas las cosas

@NickJP dijo Hace más de 11 meses:

veamos a ver si con esto te ayudo...

<style>
body {

background-color: #000; /* o fondo de color si quieres */
}

#contenedorup {
width: 900px; /* Ancho de la caja */
background-color: #fff;
margin: auto;
-moz-border-radius: 8px 8px 0 0;
padding: 5px;
}

#contenedordn {
width: 900px; /* Ancho de la caja */
background-color: #fff;
margin: auto;
-moz-border-radius: 0 0 8px 8px;
padding: 5px;
}

#barra {
width: 100%;  /* Ancho de la caja */
height: 45px;  /* largo de la caja */
background-color: yellow;
}

</style>
<body>
<div id="contenedorup">aqui la informacion que quieras</div>
<div id="barra"></div>
<div id="contenedordn">Mas informacion</div>
</body>

lo de la barra amarilla no te entendi mucho ve aver si asi es como quieres....

no le pongo lo largo de las ID: #contenedorup y #contenedordn para que con cada informacion que quieras agregar se alarge la caja, le agregue bordes redondeados para que tengo estilo

Saludos.!

@ironmaiden_198O dijo Hace más de 11 meses:

Claro que se puede hacer en PS, luego la procesas con ImageReady y la guardas como una web html. En cuanto al tema, la barra la podrias hacer asi:

<div style="background:#FF0; height:100px; width:100%"></div>

y para que sea de punta a punta, tenes que agregar esto a el body:

<body style="margin:0;padding:0">

@lizaaard dijo Hace más de 11 meses:

a parte de cufon.. tb tenes google fonts andan perfecto.. dp miralas
http://www.google.com/webfonts

Tienes que ser miembro para responder en este tema