# 125: Ühtse videolehe fotoshoppimine - CSS-trikid

Anonim

Selles ekraanivaates uurime veel ühe väga olulise lehe kujundamist. See on üks neist lehtedest, mille kujundamisest olen algusest peale põnevil olnud, sest see on leht, mida viimane kujundus eriti vähe teenindas. Selles uues kujunduses läheneme sellele nullist ja kujundame midagi, mis sobib sisule paremini.

Esimene tööde järjekord on tegeliku video tegemine lehel nii suur kui võimalik. Ma arvan, et oleks vinge, kui video oleks ekraanil suurem kui YouTube'is. Mulle meeldib väga suuri videoid vaadata, kuid mulle ei meeldi alati täisekraan - mis peidab kogu ekraani.

Seejärel saab küsimus, kuhu läheb video pealkiri. Meil on juba saidi päis, videote päis ja musta riba alamnavigatsioon. Kui lisame ka pealkirja (ja võib-olla ka kirjelduse ning metaandmed), mis surub selle täislaiusega video lehel päris kähedaks. See leht käsitleb kõike videot, seega hoiame videot selle muu teabe kohal. Õnneks saame video pealkirja kuvamiseks kasutada musta riba, nii et pole nii, et kasutaja oleks kadunud oma vaatamise või saidi hierarhias asuva koha pealt.

Samuti kasutame musta riba navigeerimist, et pakkuda linki Telli iTunes'is - mis on sellel lehel asjakohasem kui kusagil mujal saidil. See on selline sisumallide kohandamine, mis paneb saidi laulma.

Video all on võimalik üles ehitada ruudustik, mis näeb välja nagu blogipostitus või koodilõik või alamanaki kirje või midagi muud. Sisu ja kommentaarid vasakul 2/3 ja kõrval (külgriba) sisu paremal 1/3.