Headers dhe footers janë Elementet thelbësore kur krijoni një faqe të re ueb ose një blog, ose nëse asgjë tjetër na duhet t'i azhurnojmë për të përmbushur standardet aktuale të dizenjimit të uebit. Ato janë hapësira për të cilat vizitori i faqes sonë të internetit zakonisht u kushton vëmendje të madhe, kështu që ne duhet të kujdesemi për ta dhe t'i përkëdhelim sa duhet që ato të jenë të këndshme për syrin, përveçse janë funksionale.
Kjo është arsyeja pse ne do të ndajmë 29 headers dhe footers CSS që mund të përdorni në blogun ose faqen tuaj në internet, dhe kështu jepi asaj pikën e cilësisë që po kërkon. Kjo listë përbëhet nga kokat e artikujve në ekran të plotë, si dhe madhësia standarde, kokat fikse ose fikse, fundin e faqeve dhe disa koka të videos për t'i dhënë një pikë tjetër perspektive faqes tuaj të internetit.
Titull i lakuar
Një titull që identifikohet nga stili i saj i lakuar në pjesën e poshtme gjë që e bën atë një titull shumë të veçantë për një faqe në internet ose blog. Cshtë CSS e pastër, kështu që tashmë po kërkon kohë për të provuar në skenën tuaj të internetit se si do të duket nëse e përfshini në blogun tuaj.
Imazhi i kokës Paralaksë
Me një efekt të shkëlqyeshëm të imazhit Parallax, kjo kokë identifikohet nga vetja përdorni pozicionin e imazhit në sfond të CSS. Imazhi i kokës do të pozicionohej në krye të faqes për një kod me efekt të shkëlqyeshëm.
Titull i fiksuar me kënd
Kjo kokë është e fiksuar mirë në krye të faqes në internet në diferencohen me atë drejtëz diagonale që përshkon të gjithë horizontalen e shikimit të përdoruesit. Ajo tregon se si pseudo-elementet CSS mund të përdoren për të krijuar një titull fiks me një imazh sfondi.
Titull i anuar
CSS dhe HTML për këtë kokë që karakterizohet në shembullin e dhënë përgjatë asaj vije diagonale që kalon të gjithë ekranin nga njëra anë në tjetrën.
Header me animacionin SVG
Një kokë shumë e thjeshtë, megjithëse përdor një animacion SVG për të dalluar veten nga të cilat kemi në këtë listë. Ju mund të përdorni një listë të madhe të faqeve të internetit me animacione SVG nga këtu.
Header i rregulluar me Div
Me efekt të imazhit Paralaksë, një kokë fikse që shquhet për efektin e shkëlqyeshëm arrihet me imazhin e sfondit fiks ndërsa pjesa tjetër është duke lëvizur ndërsa lëvizim me miun.
Ilustrim me shumë shtresa paralaksi
Një kokë e përfundimit të shkëlqyeshëm në HTML, CSS dhe JavaScript me shumë shtresa dhe që mund të përdoret në mënyrë të përsosur për një faqe në internet që lidhet me botën e lojërave video. Përfundim i shkëlqyeshëm gjatë gjithë kohës.
Titulli i postimit të rregulluar
Një kokë fikse për çdo postim të bërë në HTML, CSS dhe JavaScript. Në momentin kur rrokullisemi, titulli minimizohet dhe fiksuar në majë.
Header me ekran të plotë me animacion
Një titull që ofron një animacion që lëviz anash dhe që prodhon një efekt relaksues tek shikuesi.
Imazhi hero në ekran të plotë
me një efekt zoom, është header në ekran të plotë zbulohet si një origjinalitet i madh. E përsosur për një faqe në internet në të cilën vizitori do të përdorë shumë lëvizjen për të lëvizur rreth tij.
Flexbox me buton
Një kokë që merr të gjithë gjerësinë e ekranit për të shfaqur një buton. E përsosur për faqet e uljes me flexbox të CSS.
Header Hero Flexbox
Një kokë me efekt paralaks dhe flexbox mjaft i thjeshtë që shquhet kryesisht për elegancën e dizajnit të saj.
Header ngjitës në lëvizje
Siç sugjeron emri i saj, një titull fiks kur ne lëvizim me miun për të parë pjesën tjetër të faqes në internet.
Lëvizja e përgjegjshme Ngjitëse
Një tjetër titull fiks me efekt të shkëlqyeshëm kur menuja arrin në krye të faqes, psedhe në atë moment qëndron i fiksuar dhe ne mund të vazhdojmë të lëvizim në sit.
Koka e lëvizjes
Ai ndryshon nga pjesa tjetër nga animacion i duhur dhe delikat ndërsa lëvizim. Në fund të tij, krevati i kokës mbetet i fiksuar në pjesën e sipërme.
Koka e lëvizshme e përgjegjshme
Një tjetër animacion i shkëlqyeshëm për dalloni këtë kokë nga pjesa tjetër me HTML, CSS dhe JavaScript.
Header In / Out
Një kokë që dallohet nga efekti Brenda / jashtë pas lëvizjes dhe kjo prodhon ndjesinë e kërcimit.
Zbehet koka
Një efekt tjetër i animacionit kurioz dhe shume elegant në HTML, CSS dhe JavaScript.
Titulli që është i fshehur
Një titull tjetër kur fshihet sipas ne përdorim lëvizjen me një animacion që kalon pa u vërejtur por me cilësi të shkëlqyeshme.
Fundi i paralaksës
Një fund i faqes fikse ose fiks me HTML, CSS dhe JavaScript. E cilësi e shkëlqyeshme me mbrojtje nga drita në efekt.
Fundfaqja me shkallë të përmbajtjes
Një futboll me cilësi të lartë dhe origjinal për mahnit vizitorin për mënyrën e hijshme të shfaqjes së kësaj hapësire në internet.
Footer i mediave sociale
Një futboll që shquhet për butonat që çojnë në rrjetet sociale më të njohurit. Animacioni që ndodh kur largoheni nga treguesi i miut mbi secilin nga rrjetet sociale bie në sy.
Menuja e futur e lëvizshme e animuar
Duke zvogëluar dritaren e shfletuesit të internetit për të parë këtë fundfaqe, do të jeni në gjendje gjeni 2-3 seksionet që përdoruesi mund ta gjejë në një pajisje të lëvizshme. Shfaqet në 767px.
Fundfaqja e thjeshtë e fiksuar
Bërë në HTML dhe CSS është një futboll i thjeshtë pa shumë bujë dhe lulëzon.
Reagoni Header Video
Një kokë me video e thjeshtë Reagoni.js.
Kreu i videos
Tjetër kokë me video të thjeshtë dhe me cilësi të madhe.
Header Video me Ekran të Plotë me Mix-Blend
Trego një video në ekran të plotë me tekst në shtresë duke përdorur mënyrën mix-blend.
Animacion i Header Video
Animacioni ishte i personalizuar me Adobe After Effects të jetë i pajtueshëm me të gjithë shfletuesit. Nuk funksionon në celular.
Kreu i përgjegjshëm i videos me gradient
El gradient është ajo që bie në sy në këtë kryefjalë video nga pjesa tjetër.
Të gjithë më bindën. Faleminderit
Ju jeni të mirëpritur!