Kā Padarīt Gumijas Vāciņu

Satura rādītājs:

Kā Padarīt Gumijas Vāciņu
Kā Padarīt Gumijas Vāciņu

Video: Kā Padarīt Gumijas Vāciņu

Video: Kā Padarīt Gumijas Vāciņu
Video: Домашние следки спицами. УЗОР "Елочка".Простые тапочки без швов на подошве. 2024, Novembris
Anonim

Vietnes augšdaļa, ko sauc arī par galveni, parasti atspoguļo resursa tēmu un tajā var būt navigācijas josla. Ja vietnes galvenei ir noteikts platums, tad lietotāju ar atšķirīgu izšķirtspēju ekrānos šī vietnes daļa izskatīsies citādi. Lai vietnes galvene jebkurā ekrānā izskatītos vienādi, dažas tās sadaļas ir jāizstiepj vai jāsamazina atkarībā no ekrāna lieluma. Šādu gumijas vāciņu var izgatavot, nenosakot tā platumu pikseļos.

Kā padarīt gumijas vāciņu
Kā padarīt gumijas vāciņu

Nepieciešams

ir sava vietne

Instrukcijas

1. solis

Lai izveidotu gumijas vāciņu, vispirms to uzzīmējiet Photoshop. Tad atdaliet 3 attēla daļas: 2 malas un vidus. Šiem gabaliem jābūt apmēram 10-20 pikseļu platiem un apmēram vajadzīgā galvenes augstumam. Saglabājiet katru elementu tā, lai jums būtu 3 dažādi faili: 1.gif, 2.gif, 3.gif. Iesniedziet šos attēlus vietnē.

2. solis

Pēc tam izveidojiet tabulu, kurā elementi tiks ievietoti vietnes augšdaļā. Lai to izdarītu, ierakstiet HTML kodu:

Galds ar 100% platumu izstiepsies vai samazināsies atkarībā no lietotāja ekrāna lieluma.

3. solis

Tabulā izveidojiet līniju, kuras šūnā novietojiet 1

4. solis

Izveidojiet vietnes galvenes vidusdaļu, kas sastāv no atkārtota 2

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

5. solis

Tagad tabulas rindā izveidojiet citu šūnu un ievietojiet tajā vietnes augšdaļas vidējo elementu, norādot uz tā nosaukuma galveni CSS kodā:

Vietnes nosaukums

>

6. solis

Kad esat izveidojis trešo šūnu tabulas rindā, ievietojiet 3

Vietnes nosaukums

Ieteicams: