Home/ Questions/Q 7017247
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T22:53:23+00:00

Basically I am trying to to make a forum made using MyBB look more

  • 0

Basically I am trying to to make a forum made using MyBB look more personalized from the current theme. Currently the theme I have is using a 1 pixel wide 100 pixels and is using the following code to repeat that accross the background off the header to give it a gradient look:

background: #202020 url(images/1/header.png) top left repeat-x;

What I’m looking to do is have a scrolling images there. To make sure it’s 100% clear check out this link and look at the header.
Click to be Taken to Example

So basically how do I do pretty much exactly what they have done on that page with a scrolling images?

Edit: If it helps at all here is the link to the site. I’m making it for a friend:
Click

Edit2: Logo’s full css looks like this:

#logo {
background: #202020 url(images/1/pan.jpg) top left repeat-x;
border-bottom: 1px solid #000;
    text-align:center;

}

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try something like this: (see it working here)

    The HTML:

    <div id="header">header</div>
<div id="content">content</div>

    The CSS:

    #header {
    width: 100%;
    height: 321px;
    background: url(http://www.vector-finder.com/site-images/too_big/fantasy_banner_vector.jpg) 0 0 repeat-x;
}

    The JS:

    var banner_width = 512;
var banner_x = 0;
function moveBanner() {
    banner_x = (banner_x - 1) % banner_width;
    $('#header').css('background-position', banner_x + 'px 0');
}
setInterval(moveBanner, 50);
    • 0