Gravity modeli, açıldığında bütün siteyi aşağıya doğru iten, bütün ekranı kaplayan ve video oynatan bir modeldir.

  • 1

    Sabit Header/Menu Kullanımı

    Eğer sayfanızda sabit bir header veya menü kullanıyorsanız, model aktif olduğunda bu alanın yarı transparan olarak değişmesi gerekir. Bu değişim işlemi Medyanet tarafından yapılıyor ancak hangi alanların değiştirilmesi gerektiğini işaretlemelisiniz.

    kopyala
    <div class="header medyanet-gravity-opacity">
        ...
    </div>
    <div class="body">
        ...
    </div>
    
    veya

    kopyala
    <header class="header medyanet-gravity-opacity">
        ...
    </header>
    <div class="body">
        ...
    </div>
    
  • 2

    Background DIV Yerleştirilmesi.

    BODY tag'ından hemen sonra aşağıdaki şekilde DIV elementini yerleştirmelisiniz.

    kopyala
    ...
    </head>
    <body>
    <div id="Medyanet_Site_Background"></div>
    ...
    
  • 3

    Spacer DIV Yerleştirilmesi.

    Model aktif olduğunda siteyi nereden itibaren itmesi isteniyor ise, bu DIV o alana eklenir. Örnek olarak sabit header kullanıyorsanız, hemen sonrasına yerleştirmelisiniz.

    kopyala
    <header class="header medyanet-gravity-opacity">
        ...
    </header>
    <div id="Medyanet_Gravity_Spacer"></div>
    <div class="body">
        ...
    </div>
    
  • 4

    Sticky Alanların Kaldırılması

    Model aktif olduğunda tüm siteyi aşağıya doğru itmesi gerektiği için, sayfada herhangi bir sticky alan olmalıdır.


Önceki Makale Sonraki Makale

İlişkili Makaleler

Güncelleme Geçmişi

26 Mayıs 2017 Doküman başlangıcı. - Murat Yılmaz