# 125: Tek Video Sayfasını Photoshop Oluşturma - CSS Hileleri

Anonim

Bu ekran video kaydında çok önemli başka bir sayfa tasarlamaya çalışıyoruz. Bu, başından beri tasarlamaktan heyecan duyduğum sayfalardan biri, çünkü son tasarım tarafından özellikle yetersiz sunulan bir sayfadır. Bu yeni tasarımda, ona sıfırdan yaklaşacak ve içeriğe daha iyi uyan bir şey tasarlayacağız.

İlk iş, sayfadaki gerçek videoyu olabildiğince büyük yapmaktır. Bence video ekranda YouTube'dakinden daha büyük olsaydı harika olurdu. Videoları çok büyük izlemeyi severim, ancak her zaman tam ekranı sevmiyorum - bu da tüm ekranı gizler.

Soru daha sonra videonun başlığının nereye gittiği haline gelir. Site başlığına, video başlığına ve siyah çubuk alt gezinmesine zaten sahibiz. Ayrıca, bu tam genişlikte videoyu oldukça aşağıya iten bir başlık (ve muhtemelen açıklama ve meta veriler) eklersek. Bu sayfa tamamen video ile ilgili olduğundan, videoyu diğer bilgilerin üzerinde tutuyoruz. Neyse ki videonun başlığını göstermek için siyah çubuk kullanabiliriz, bu nedenle kullanıcının neye baktığı veya sitenin hiyerarşisinde nerede olduğu konusunda kaybolması gerekmez.

Ayrıca, bu sayfada sitedeki herhangi bir yerden daha alakalı olan iTunes'da Abone Ol bağlantısı sunmak için siyah çubuklu gezinmeyi de kullanıyoruz. Bu, bir sitenin şarkı söylemesini sağlayan içerik şablonlarının özelleştirilmesidir.

Videonun altında, aslında bir blog yazısı, pasaj veya alamanac girişi veya başka bir şey gibi görünen bir ızgara yapılandırabiliriz. Soldaki 2/3 içerik ve yorumlar ve sağdaki (kenar çubuğu) içerik 1/3.