MyBB Community Forums
"Follow the Page" Welcome Block - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Extensions (https://community.mybb.com/forum-201.html)
+--- Forum: Themes (https://community.mybb.com/forum-103.html)
+---- Forum: Theme Support (https://community.mybb.com/forum-10.html)
+---- Thread: "Follow the Page" Welcome Block (/thread-62080.html)



"Follow the Page" Welcome Block - Jessie S. - 12-27-2009

If you look on my site Systemfreeze.com the welcome block is the thing on the top but I want it to like come down when I scroll down the page so it follows where I go...


RE: "Follow the Page" Welcome Block - Scoutie44 - 12-27-2009

position: fixed;
top: 0;
left: 0;
z-index: 9999;


RE: "Follow the Page" Welcome Block - Jessie S. - 12-27-2009

Thanks works great!
Now I have a small problem my css is...

.header_wb {
background: #ddd;
width: 100%;
padding: 5px 8px 5px 8px;
height: 25px;
position: fixed;
margin: auto;
top: 0;
left: 0;
z-index: 9999;
}

and the text on the right is pushed over the oppisite way the the css is spose to be pushing it.


RE: "Follow the Page" Welcome Block - Scoutie44 - 12-29-2009

If you use padding on the fixed element, it will push it off the screen. To fix, place a class or id with the follwoing CSS:

position: fixed;
top: 0;
left: 0;
width: 100%;

Then inside of that DIV, add another DIV/paragraph with padding.