Drupal Temalama - boyutlu kısıtlamalar olmadan Arka plan görüntüleri

3 Cevap php

Benim site için yeni bir tema yapmak için temel tema olarak zen kullanarak 'm. Sorun i them.Moreover için bir yükseklik ve genişliği, # başlık ve # altbilgi içinde CSS belirtilen yükseklik ve genişliğini belirtmek kadar i başlığında ve görüntülenir almıyorsanız altbilgi için arka plan resimleri istiyorum tam boyut bir maç var (boyutsal olarak büyük) orijinal görüntüler aksi görüntüleri (bunların parçaları kesilmiş olsun) düzgün görüntülendiğinden değildir. Arka plan görüntüleri kendini ayarlamak Beni böylece herhangi boyutlu kısıtlamaları olmadan üstbilgi ve altbilgi için CSS yazmak için izin verecek bir çözüm (CSS veya PHP kullanarak ya) var mı? Üstbilgi ve altbilgi hiçbir bloklar içerir. Aşağıdaki gibi BB'nin bir parçasıdır: -

#header
{   
          background-image:url(images/header.jpg);
          background-repeat:no-repeat;
          height:
          background-position:center;
}

#footer
{
        margin-top:0px;
        background-image:url(images/footer.jpg);
        height:391px;
        background-position:center;
}

#footer-inner
{
        text-align:center;
        padding:4px 10px 10px 10px;
}

3 Cevap

CSS arka plan görüntüleri Bu div boyutu görmek görüntünün ölçüde belirlediği anlamına gelir onlar içeri yerleştirilir div arka planda kendilerini göstermek için tasarlanmıştır. Lütfen başlık bölge hiçbir içeriğe sahip beri durumda, # başlık layout.css ayarlanan varsayılan boyutları vardır.

Eğer keşfettim gibi başlık div hiçbir içerik varsa, sen CSS başlangıçta (önerilir) yayınlanan veya doğru boyutlara sahip bir boş blok ile, ya açıkça istenilen boyutlarda için başlığının boyutunu ayarlamak zorunda (önerilmez ) ender durumlar hariç.

Eğer görüntüler otomatik ölçekli istiyorsanız, her görüntü için bir img etiketini kullanın ve% 100 genişlik / yükseklik ayarlamak gerekir. Bu onların üst kapsayıcı olarak aynı boyutta olması için bunları otomatik olarak dönüşebilecek. Yani görüntüler tarayıcı penceresinin boyutuna göre ölçekli istiyorsanız, sabit bir piksel genişlik / yükseklik değil, bir yüzdesi olacak Üst konteynerin genişlik / yükseklik ayarlamanız gerekir, ve olacak demektir.

Birkaç site, sen sabit boyutlu görüntüleri yeniden ve kullanmak için bu tür bir şey isteyebilirsiniz yok.

Eğer preprocess işlevlerini kullanırsanız, seçtiğiniz görüntüleri dayalı üstbilgi ve altbilgi için bir sınıf ayarlamak gerekir. Sen farklı sınıflar olsa görüntüleri maç için CSS oluşturmak zorunda olacak.

Örneğin:

Preprocess İşlevi

function themename_preprocess_page($vars) {
  $classes = array('image1', 'image2', 'image3');

  $vars['header_class'] = array_rand($classes);
}

CSS

#header .image1 {
  background-image: url(path/to/image.jpg);
  height: [imageheight] px;
  width: [imagewidth] px;
}

Umarım bu yardımcı olur.

etiketler