Cómo Hacer Una Gorra De Goma

Tabla de contenido:

Cómo Hacer Una Gorra De Goma
Cómo Hacer Una Gorra De Goma

Video: Cómo Hacer Una Gorra De Goma

Video: Cómo Hacer Una Gorra De Goma
Video: Como hacer una gorrita de foami (2) 2024, Mayo
Anonim

La parte superior del sitio, que también se llama encabezado, generalmente refleja el tema del recurso y puede contener una barra de navegación. Si el encabezado del sitio tiene un ancho determinado, en las pantallas de los usuarios con diferentes resoluciones, esta parte del sitio se verá diferente. Para que el encabezado del sitio se vea igual en cualquier pantalla, es necesario que algunas de sus secciones se estiren o encojan dependiendo del tamaño de la pantalla. Se puede hacer una tapa de goma de este tipo sin fijar su ancho en píxeles.

Cómo hacer una gorra de goma
Cómo hacer una gorra de goma

Necesario

tener su propio sitio web

Instrucciones

Paso 1

Para hacer una gorra de goma, primero dibújela en Photoshop. Luego separe 3 partes de la imagen: 2 lados y el medio. Estas piezas deben tener entre 10 y 20 píxeles de ancho y aproximadamente la altura del encabezado que desea. Guarde cada elemento para que tenga 3 archivos diferentes: 1.gif, 2.gif, 3.gif. Envíe estas imágenes al sitio.

Paso 2

A continuación, cree una tabla que contendrá los elementos en la parte superior del sitio. Para hacer esto, escriba el código HTML:

Una mesa con un ancho del 100% se estirará o encogerá según el tamaño de la pantalla del usuario.

Paso 3

Haga una línea en la tabla, en cuya celda coloque el lado izquierdo del encabezado del sitio 1.gif:

Paso 4

Cree una sección central del encabezado del sitio que consta de una imagen 2

.header {background-image: url ('images / 2.gif');}

Paso 5

Ahora, en una fila de la tabla, cree otra celda y coloque el elemento central de la parte superior del sitio en ella, apuntando al encabezado de su nombre en el código CSS:

Nombre del sitio

>

Paso 6

Después de haber creado la tercera celda en la fila de la tabla, coloque el lado derecho del encabezado del sitio 3

Nombre del sitio

Recomendado: