Si Të Bëni Një Kapak Gome

Përmbajtje:

Si Të Bëni Një Kapak Gome
Si Të Bëni Një Kapak Gome

Video: Si Të Bëni Një Kapak Gome

Video: Si Të Bëni Një Kapak Gome
Video: TRİLECE/ RECETE ME TE THJESHTE SKA. Shpjeguar me te gjitha detajet. 2024, Nëntor
Anonim

Pjesa e sipërme e faqes, e cila quhet edhe header, zakonisht pasqyron temën e burimit dhe mund të përmbajë një shirit navigimi. Nëse titulli i faqes ka një gjerësi të caktuar, atëherë në ekranet e përdoruesve me rezolucione të ndryshme, kjo pjesë e faqes do të duket ndryshe. Në mënyrë që titulli i faqes të duket i njëjtë në çdo ekran, është e nevojshme që disa nga pjesët e saj të shtrihen ose tkurren në varësi të madhësisë së ekranit. Një kapak i tillë gome mund të bëhet pa rregulluar gjerësinë e tij në pixel.

Si të bëni një kapak gome
Si të bëni një kapak gome

E nevojshme

keni faqen tuaj te internetit

Udhëzimet

Hapi 1

Për të bërë një kapak gome, së pari vizatoni atë në Photoshop. Pastaj veçoni 3 pjesë të fotos: 2 anët dhe mesin. Këto pjesë duhet të jenë rreth 10-20 piksel të gjera dhe rreth lartësisë së kokës që dëshironi. Ruani secilin element në mënyrë që të keni 3 skedarë të ndryshëm: 1.gif, 2.gif, 3.gif. Dorëzoni këto imazhe në sit.

Hapi 2

Tjetra, krijoni një tabelë që do të mbajë elementët në krye të faqes. Për ta bërë këtë, shkruani në kodin HTML:

Një tryezë me një gjerësi 100% do të shtrihet ose tkurret në varësi të madhësisë së ekranit të përdoruesit.

Hapi 3

Bëni një vijë në tabelë, në qelizën e së cilës vendosni anën e majtë të kokës së faqes 1.gif:

Hapi 4

Krijoni një seksion të mesëm të kokës së faqes që përbëhet nga një imazh i përsëritur 2.gif. Për ta bërë këtë, shkruani sa më poshtë në kodin tuaj CSS:

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

Hapi 5

Tani, në një rresht të tabelës, krijoni një qelizë tjetër dhe vendosni elementin e mesëm të sipërm të faqes në të, duke treguar kokën e emrit të saj në kodin CSS:

Emri i faqes

>

Hapi 6

Pasi të keni krijuar qelizën e tretë në rreshtin e tabelës, vendosni anën e djathtë të kokës së faqes 3

Emri i faqes

Recommended: