Sitenin Parçacıklar alanının ana sayfasını oluşturmaya çok yaklaştık. Hemen bir şeyleri değiştirmeye ve daha fazla şeyi şekle sokmaya başlıyoruz.
Kesin olarak konumlandırılmış sözde öğenin olumsuz bir sol kenara yanıt vermediği, ancak pozitif bir sağ marjla iyi olduğu garip bir deneyimimiz var. Kim biliyordu.
Ardından, pasaj kategorilerinin sol menüsü için "aktif" bir sınıf oluşturmaya geçiyoruz. Aynı anda yalnızca birine göz atarsınız (sağda ilgili parçacıkların bir listesini görürsünüz). "HTML" nin etkin olduğunu söyleyin ve "CSS" yi tıklarsanız, sağda yalnızca CSS ile ilgili parçacıkların yeni bir listesi görünür. Hangisinin aktif olduğunu göstermek için bazı stillerin yerinde olması gerekir. Aktif bir sınıftaki z-endeksini değiştirmek bizim için yeterli (onu gölgenin üstüne oturtmak).
Sağdaki liste için, bağlantıların görüntülenmesi caziptir: engelle - ancak neredeyse tıklanabilir bir alan. Bunu düşünmek tuhaf görünüyor ama bence doğru. Bağlantının metninden çok uzağa yanlışlıkla yapılan tıklamaların bu bağlantıyı etkinleştirmek için olmasını istemezsiniz. Şaşırtıcı ve tuhaf olurdu. Dolayısıyla, bağlantıların kendileri satır içi blok olabilir, böylece biraz dolgusu olabilir, ancak içinde bulundukları liste öğesi gibi tam genişliği doldurmayın.
Bağlantıların kendileri için, pasajların başlıklarını ait oldukları kategorinin rengine göre renklendirmenin çok güçlü olduğuna karar veriyoruz. Bunun yerine, bağlantılar gri olur, ancak rollover rengi bu özel rengi alabilir.
Ayrıca düz aşağıya doğru bir sütun listesinin şimdilik işe yaradığına da karar veriyoruz, ancak kaydırma çok saçma olursa belki bir gün iki sütuna bölünebilir ve kısaltabiliriz.