Mobil uygulama CSS Şablonu

Mobil uygulama bloğu; ortalanmış bir başlık, destekleyici metin ve tekrarlanan dört performans sayacı kartı sunar. Giriş kısmı üstteki beyaz alanda yer alırken sayaç satırında beyaz dairesel dış çizgilere ve ortalanmış beyaz tipografiye sahip parlak pembe yuvarlatılmış kartlar kullanılır. Kartlar; uygulama açılış hızını, indirme hızını, telefon pil kullanımını ve bağlantı hızını ele alır. Yatay düzenleme, her metriğe benzer bir görsel ağırlık kazandırır ve bu bölümü teknik performans bilgilerini kısa, net ve son derece yapılandırılmış bir biçimde sunmaya uygun hâle getirir.

Pembe Sayaç Kartları Bloğun Görsel Sistemini Tanımlar

Ortalanmış başlık ve destekleyici paragraf, görsel vurgu sayaç satırına kaymadan önce sade ve beyaz bir giriş alanı oluşturur. Ardından dört parlak pembe yuvarlatılmış kart tekrarlanan bir stil deseni meydana getirir; beyaz dairesel dış çizgiler ve ortalanmış beyaz yazı tipi her metriğe aynı görsel yaklaşımı kazandırır. Bölüm bir CSS Şablonu olarak değerlendirildiğinde bu tutarlılık büyük önem taşır; çünkü sayaçların görünümü bilgi hiyerarşisinin büyük bir kısmını taşır.

Üstteki beyazdan metrik alanının arkasındaki siyaha doğru gerçekleşen renk geçişi, açıklama ile kanıt arasında net bir sınır çizer. Pembe kartlar alttaki daha koyu arka planda öne çıkarken dairesel rozetler sayısal değerlere etiketlerinin üzerinde belirgin bir odak noktası kazandırır. Birinci ve ikinci kartlar 5 kat daha hızlı uygulama açılışını ve 17 kat daha hızlı uygulama indirmesini; dördüncü kart ise %100 daha hızlı bağlantıyı gösterir. Pil kullanımı kartı ise çelişkili örnek değere bağlı kalmaksızın aynı tekrarlanan metrik sisteminin bir parçası olmaya devam eder.

Stil çalışmaları için odak doğrudan bloğun üzerinde kalabilir: kart köşe yuvarlama yarıçapı, rozet dış çizgileri, metin kontrastı, boşluklar, hizalama ve beyaz giriş alanı ile koyu sayaç arka planı arasındaki ilişki. Bu özellikler, bölümün dört metrikli içerik modeli değiştirilmeden geliştirilebilir.

Nicepage ile özelleştirin

CSS Şablon Oluşturucu kullanırken renkleri, yazı tiplerini, başlık ve fooer'ı, düzeni, sütunları ve diğer tasarım öğelerinin yanı sıra içerik ve resimleri de ayarlayabilirsiniz.

İndir

Şablonu Çevrimdışı Düzenleyin

1. Windows ve Mac için Nicepage uygulamasını indirin ve yükleyin. Veya indirme sayfası adresinden WordPress ve Joomla eklentilerini yükleyin.
2. Yeni bir sayfa oluşturun veya mevcut olanı seçin
3. Yeni blok ekle'yi tıklayın, kimliği arayın 6539057 ve enter tuşuna basın

Şablonu Çevrimiçi Düzenleyin

Bu şablonu Çevrimiçi Oluşturucu barındırıcımızda başlatın

Harika Web Siteleri Oluşturun

WordPress

Windows App

Joomla

Mac OS App

HTML5

Online

Ücretsiz Nicepage Builder

15.000'den fazla Şablon

Kolay Sürükle-Bırak

Kodlama Yok

Mobil Uyumlu

Anahtar kelimeler

Bu Şablonu CSS ile Özelleştirin

Sayfaya Özgü Stil Kontrolü

Bu hazır şablonun görsel görünümünü doğrudan Nicepage düzenleyicisinde özelleştirin. Sayfa düzenini CSS yazmadan kolayca yönetilebilir tutarken, tipografi, boşluk, arka planlar, kenarlıklar, renkler, konumlandırma ve diğer stil özelliklerini görsel kontroller kullanarak ayarlayın.

Gerektiğinde Özel CSS Ekleyin

Standart düzenleyici seçeneklerinin ötesine geçen stil gereksinimleri için, hedefli kurallar eklemek üzere Özel CSS kullanın. CSS, özelleştirmenin kapsamına bağlı olarak tek tek öğelere, belirli sayfalara veya tüm web sitesine uygulanabilirken, CSS sınıfları özel kuralları seçilen öğelerle bağlamak için kullanılabilir.

Sayfa Başına Minimum CSS Dışa Aktarma

CSS boyutu ve sayfa performansının önemli olduğu projeler için Nicepage, her sayfa için minimum CSS dışa aktarabilir. Tek bir büyük ortak stil dosyasına güvenmek yerine, her sayfa yalnızca o sayfaya özgü stil kurallarını içeren ayrı bir CSS dosyası kullanabilir. Nicepage belgelerine göre, bu sayfaya özgü CSS dosyaları yaklaşık on kat daha kompakt olabilir, bu da gereksiz CSS'yi azaltmaya ve sayfa yükleme performansını iyileştirmeye yardımcı olur.

Bu iş akışı, görsel stillendirmeyi isteğe bağlı özel CSS ve optimize edilmiş sayfaya özgü CSS çıktısıyla birleştirerek, bir proje gerektirdiğinde ek kontrol sağlar ve şablonu özelleştirmenin birincil yolu olarak manuel CSS düzenlemesini gerektirmez.