Kuidas Teha Kummist Kork

Sisukord:

Kuidas Teha Kummist Kork
Kuidas Teha Kummist Kork

Video: Kuidas Teha Kummist Kork

Video: Kuidas Teha Kummist Kork
Video: Kuidas teha varukoopiaid? 2024, Mai
Anonim

Saidi ülemine osa, mida nimetatakse ka päiseks, kajastab tavaliselt ressursi teemat ja võib sisaldada navigeerimisriba. Kui saidi päisel on teatud laius, näeb erineva eraldusvõimega kasutajate ekraanidel selle saidi osa välja erinev. Selleks, et saidi päis näeks mis tahes ekraanil ühesugune, on vaja mõned selle sektsioonid venitada või kahaneda sõltuvalt ekraani suurusest. Sellise kummikorgi saab teha ilma selle laiust pikslites fikseerimata.

Kuidas teha kummist kork
Kuidas teha kummist kork

Vajalik

on oma veebisait

Juhised

Samm 1

Kummikorgi valmistamiseks tõmmake see kõigepealt Photoshopi. Seejärel eraldage pildi 3 osa: 2 külge ja keskosa. Need tükid peaksid olema umbes 10-20 pikslit laiad ja umbes soovitud päise kõrgused. Salvestage kõik elemendid nii, et teil oleks 3 erinevat faili: 1.gif, 2.gif, 3.gif. Esitage need pildid saidile.

2. samm

Järgmisena looge tabel, mis hoiab saidi ülaosas olevaid elemente. Selleks kirjutage HTML-kood:

100% laiusega laud venib või kahaneb sõltuvalt kasutaja ekraani suurusest.

3. samm

Tehke tabelis rida, mille lahtrisse asetage 1

4. samm

Looge saidi päise keskosa, mis koosneb korduvast 2.gif-pildist. Selleks kirjutage oma CSS-koodi järgmine teave:

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

5. samm

Looge nüüd tabeli reas veel üks lahter ja asetage sinna saidi ülaosa keskmine element, osutades CSS-koodis selle nime päisele:

Saidi nimi

>

6. samm

Kui olete tabelirea kolmanda lahtri loonud, asetage 3

Saidi nimi

Soovitan: