Jinsi Ya Kutengeneza Kofia Ya Mpira

Orodha ya maudhui:

Jinsi Ya Kutengeneza Kofia Ya Mpira
Jinsi Ya Kutengeneza Kofia Ya Mpira

Video: Jinsi Ya Kutengeneza Kofia Ya Mpira

Video: Jinsi Ya Kutengeneza Kofia Ya Mpira
Video: Namna ya kutengeneza kofia ya satini isiyovujisha maji / kofia za kukuza nywele haraka 2024, Novemba
Anonim

Sehemu ya juu ya tovuti, ambayo pia huitwa kichwa, kawaida huonyesha mada ya rasilimali na inaweza kuwa na bar ya urambazaji. Ikiwa kichwa cha wavuti kina upana fulani, basi kwenye skrini za watumiaji walio na maazimio tofauti, sehemu hii ya wavuti itaonekana tofauti. Ili kichwa cha wavuti kiwe sawa kwenye skrini yoyote, ni muhimu kufanya sehemu zingine zikinyoosha au kupungua kulingana na saizi ya skrini. Kofia kama hiyo ya mpira inaweza kufanywa bila kurekebisha upana wake kwa saizi.

Jinsi ya kutengeneza kofia ya mpira
Jinsi ya kutengeneza kofia ya mpira

Muhimu

kuwa na tovuti yako mwenyewe

Maagizo

Hatua ya 1

Ili kutengeneza kofia ya mpira, kwanza itoe kwenye Photoshop. Kisha jitenga sehemu 3 za picha: pande 2 na katikati. Vipande hivi vinapaswa kuwa saizi 10-20 pana na juu ya urefu wa kichwa unachotaka. Hifadhi kila kitu ili uwe na faili 3 tofauti: 1.gif, 2.gif, 3.gif. Tuma picha hizi kwenye wavuti.

Hatua ya 2

Ifuatayo, tengeneza meza ambayo itashikilia vitu juu ya tovuti. Ili kufanya hivyo, andika kwa nambari ya HTML:

Jedwali lenye upana wa 100% litanyooka au kupungua kulingana na saizi ya skrini ya mtumiaji.

Hatua ya 3

Tengeneza laini kwenye meza, kwenye seli ambayo weka upande wa kushoto wa kichwa cha tovuti cha 1.gif:

Hatua ya 4

Unda sehemu ya kati ya kichwa cha wavuti kilicho na picha ya kurudia ya 2.gif. Ili kufanya hivyo, andika yafuatayo katika nambari yako ya CSS:

kichwa {picha-asili: url ('picha / 2.gif');}

Hatua ya 5

Sasa, katika safu ya meza, tengeneza kiini kingine na uweke kipengee cha kati cha juu ya tovuti ndani yake, ukielekeza kichwa chake cha jina kwenye nambari ya CSS

Jina la tovuti

>

Hatua ya 6

Baada ya kuunda kiini cha tatu kwenye safu ya meza, weka upande wa kulia wa kichwa cha tovuti cha 3

Jina la tovuti

Ilipendekeza: