Anyone know how to do this? Plugin perhaps?

  • Mezloh

    (@sayno2odor)


    12 years ago

    I was just on the NCAA site and saw this awesome looking banner in the bottom of the site. The best thing about it is that is stays static there while the site scrolls freely.

    Anyway, this got my creative juices flowing for some of my clients sites.

    Looking for a plugin that might be able to accomplish this.

    https://www.ncaa.com/championships/wrestling/d1#!championship_br_home

    The graphics part is the easy part.

    thanks

Viewing 1 replies (of 1 total)
  • WPyogi

    (@wpyogi)

    That’s done with fixed positioning in the CSS:

    https://www.w3schools.com/css/css_positioning.asp

    On that site – this is the CSS:

    #mml-nav-bar, #mml-nav-header, .ie7 #mml-nav-header {
    background: url("https://i.cdn.turner.com/dr/ncaa/ncaa/release/sites/default/files/march_madness/2013/images/bg-persistance-bar.png") no-repeat scroll center bottom transparent;
    bottom: 0;
    height: 48px;
    left: 50%;
    margin: 0 0 0 -1000px;
    min-width: 1000px;
    padding: 25px 500px;
    position: fixed;
    width: 1000px;
    z-index: 99999;
}

Viewing 1 replies (of 1 total)
  • The topic ‘Anyone know how to do this? Plugin perhaps?’ is closed to new replies.