Cuestión de diseño - Texto insumos y fronteras

He estado pensando en la redefinición de la mirada de mi sitio web para hacer todo más contenida y funcional. A partir de ahora, el sitio es "ok", pero no refleja la atmósfera o el propósito que estoy tratando de transmitir. Si bien sé que el arte es algo que necesitamos encontrar en el mío propio tengo algunas preguntas:

Me he dado un montón de sitios más grandes están utilizando el texto y campos de entrada de texto. El texto campos de entrada siempre tienen un CSS onfocus cambio para ellos. Las fronteras son por lo general azul (o algo por el sitio correspondiente tema) y se appare notly utilizando un borroso / gradiente. ¿Cómo funciona un conseguirlo?

Imágenes de fondo son mis peores desafío. Me gustaría usar algo que complementa mi central, por la que se contenido, pero no tienen idea de cómo hacer una imagen de fondo en el lienzo de la pantalla sin tener el usuario en un monitor de gran tamaño ver el final de la imagen o alguien que desplazarse para ver el mismo . ¿Es esta una fácil arreglar?

Fronteras, en general, ves muy bien en los sitios que se hacen en wordpress o el uso del gradiente / borrando característica. Una vez más, sin embargo, no puedo averiguar cómo aplicar esto. Todo sobre mi sitio utiliza sólido de 1 píxel fronteras que casi hacen que sea difícil tenerlo todo aspecto "de ensueño o turbio" como el gradiente de estas fronteras oferta. Cuando yo intente utilizar un tema de color para el interior de cajas (que me gustaría hacerlo redondeado!! ) Es sorprendentemente diferente. Yo uso colores oscuros como el negro y gris oscuro.

Im no es realmente un abanico de grandes cajas / fonts...ocupa espacio en la pantalla demasiado para mi gusto, y puedo leer igual de bien en el tamaño promedio de 12 puntos.

En cuanto a conseguir el fondo para el cambio, no soy del todo seguro de Ive nunca hecho antes. Alguien en este foro podría ser capaz de ayudar con eso.

Sí, los fondos donde se puede ver un principio y un final realmente son bastante molestos. Una manera fácil de obtener en torno a que es tener un fondo de repetir - fácil de lograr con CSS. Usted siempre puede tener un sólido, mono-color, de fondo:



Pero en la mayoría de los casos puede ser muy aburrido...

Digamos, por ejemplo, desea un gradiente que va de azul oscuro en la parte superior de la página a un azul más abajo en la página, y cuando el gradiente de acabados que desea que el azul de luz para continuar, en lugar de partir de nuevo de color azul oscuro. Usted no necesita una imagen phenominally tiempo para hacer eso (o una única a escala...sólo un par de píxeles perpendicular a la pendiente se hacen), todo lo que necesita es hacer un poco de escribir en CSS:



bluegradient.jpg es la imagen del gradiente de sí mismo...De 10 píxeles de ancho, 100 píxeles de profundidad

repeat-x hace que la imagen se repite a lo largo del eje x solamente, es decir, horizontalmente,

#289dc3 es el color que termina con el gradiente, el color azul claro. Por supuesto, este cambio para adaptarse a la pendiente.



El truco de las fronteras es usarlos con moderación, y sólo cuando sea necesario. Theres poco más molesto que ver todo con una línea de negro alrededor de él, además de cuando la gente sale de las fronteras de mesa visible.

La forma en que hago mis cajas redondeadas es a través de imágenes, y luego simplemente alinear correctamente con HTML / CSS...theres otra manera, creo yo, pero no podía ser molestado con él, y he oído su un problema para conseguir el derecho sobre el número de navegadores diferentes.

Espero que respondió a algunas de sus preguntas