# 125: Fotoshopping av den enkle videosiden - CSS-triks

Anonim

I denne skjermsendingen graver vi i å designe en annen veldig viktig side. Dette er en av de sidene jeg har vært spent på å designe siden begynnelsen, fordi det er en side som var spesielt underbetjent av den siste designen. I dette nye designet vil vi nærme oss det fra bunnen av og designe noe som passer bedre til innholdet.

Den første forretningsordren er å gjøre den faktiske videoen på siden så stor som den kan være. Jeg synes det ville vært fantastisk hvis videoen var større på skjermen enn den er på YouTube. Jeg liker å se på videoer veldig stort, men jeg liker ikke alltid fullskjerm - som skjuler hele skjermen.

Spørsmålet blir da hvor tittelen på videoen går. Vi har allerede sideoverskriften, videooverskriften og den svarte linjenavnet. Hvis vi også inkluderer en tittel (og muligens beskrivelse og metadata) som skyver denne videoen i full bredde ganske darn langt ned på siden. Denne siden handler om video, så vi holder videoen over den andre informasjonen. Heldigvis kan vi bruke svart linje for å vise tittelen på videoen, så det er ikke slik at brukeren er tapt med hensyn til hva de ser på eller hvor de er i nettstedets hierarki.

Vi bruker også svartastnavigasjonen for å tilby en abonnement på iTunes-lenke - noe som er mer relevant på denne siden enn noe annet sted på nettstedet. Det er den typen tilpasning av innholdsmaler som får et nettsted til å synge.

Under videoen kan vi strukturere et rutenett som i det vesentlige ser ut som et blogginnlegg eller utdrag eller alamanacoppføring eller noe annet. Innhold og kommentarer til venstre 2/3 og til side (sidefelt) innhold til høyre 1/3.