Comment Faire Un Capuchon En Caoutchouc

Table des matières:

Comment Faire Un Capuchon En Caoutchouc
Comment Faire Un Capuchon En Caoutchouc

Vidéo: Comment Faire Un Capuchon En Caoutchouc

Vidéo: Comment Faire Un Capuchon En Caoutchouc
Vidéo: Patron d'un capuchon. Méthode simple 1 pièce de patron. 2024, Décembre
Anonim

La partie supérieure du site, également appelée en-tête, reflète généralement le sujet de la ressource et peut contenir une barre de navigation. Si l'en-tête du site a une certaine largeur, alors sur les écrans des utilisateurs avec des résolutions différentes, cette partie du site aura un aspect différent. Pour que l'en-tête du site ait la même apparence sur n'importe quel écran, il est nécessaire d'étirer ou de rétrécir certaines de ses sections en fonction de la taille de l'écran. Un tel capuchon en caoutchouc peut être réalisé sans fixer sa largeur en pixels.

Comment faire un capuchon en caoutchouc
Comment faire un capuchon en caoutchouc

Nécessaire

avoir votre propre site web

Instructions

Étape 1

Pour faire un capuchon en caoutchouc, dessinez-le d'abord dans Photoshop. Séparez ensuite 3 parties de l'image: 2 côtés et le milieu. Ces pièces doivent avoir une largeur d'environ 10 à 20 pixels et la hauteur de l'en-tête souhaitée. Enregistrez chaque élément pour avoir 3 fichiers différents: 1.gif, 2.gif, 3.gif. Soumettez ces images sur le site.

Étape 2

Ensuite, créez un tableau qui contiendra les éléments en haut du site. Pour cela, écrivez dans le code HTML:

Un tableau d'une largeur de 100 % s'étirera ou se rétrécira en fonction de la taille de l'écran de l'utilisateur.

Étape 3

Faites une ligne dans le tableau, dans la cellule de laquelle placer le côté gauche de l'en-tête du site 1

Étape 4

Créez une section centrale de l'en-tête du site constituée d'une image 2

.header {image d'arrière-plan: url ('images / 2.gif');}

Étape 5

Maintenant, dans une ligne du tableau, créez une autre cellule et placez-y l'élément central du haut du site en pointant vers son en-tête de nom dans le code CSS:

Nom du site

>

Étape 6

Après avoir créé la troisième cellule de la ligne du tableau, placez le côté droit de l'en-tête du site 3

Nom du site

Conseillé: