WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Fixed footer in PhpBB

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Fixed footer in PhpBB on Tue Apr 12, 2011 5:15 am

Josh


Registered Member
Registered Member
Hi, is it possible to make a "fixed" footer in PhpBB? (Meaning, rather than being at the bottom of the forum, it scrolls with you at the bottom of your screen.)

Thanks,
Josh

2 Re: Fixed footer in PhpBB on Tue Apr 12, 2011 12:14 pm

Nera


WebArtz Technician
WebArtz Technician
Do you mean like the whole page (wrap) going/staying with you?
I'm not sure did I understand you right scratch


_________________

3 Re: Fixed footer in PhpBB on Tue Apr 12, 2011 7:27 pm

Josh


Registered Member
Registered Member
Sort of, I'm talking about creating a new image, located at the bottom of your screen on the webpage, as you scroll.

4 Re: Fixed footer in PhpBB on Tue Apr 12, 2011 7:31 pm

Unknown Data


Registered Member
Registered Member
Add following property inside a selector, that goes to a div or something.
Code:
position : fixed;

And remember to let the browser know, where to put your fixed element. Like ...
Code:
bottom : 0px;
left : 0px;

http://www.sjovfakta.dk

5 Re: Fixed footer in PhpBB on Tue Apr 12, 2011 7:33 pm

Josh


Registered Member
Registered Member
How do I actually insert the image?

6 Re: Fixed footer in PhpBB on Tue Apr 12, 2011 7:36 pm

Unknown Data


Registered Member
Registered Member
If I understand you right, you can use this and put it in announcements.
Code:
<img src="URL" id="image">

And the CSS to your style sheet.
Code:
#image {
position : fixed;
bottom : 0px;
left : 0px;
}

http://www.sjovfakta.dk

7 Re: Fixed footer in PhpBB on Tue Apr 12, 2011 8:04 pm

Josh


Registered Member
Registered Member
Thanks, but it seems to be ontop of the forum body - could that be fixed?

8 Re: Fixed footer in PhpBB on Tue Apr 12, 2011 8:58 pm

Nera


WebArtz Technician
WebArtz Technician
It should be fixed on your web screen and stay on it with the exception of position if you change the margins settings (you can move it to center, or to corner, or where ever). You scroll forum and it stays where you set its margins.
I thought you wanted this http://i.imm.io/4WFB.png

9 Re: Fixed footer in PhpBB on Tue Apr 12, 2011 9:03 pm

Josh


Registered Member
Registered Member
Okay, but how would I put it under the forum body, and have it tile horizontally? It seems likes center, left, etc would just move it around.

10 Re: Fixed footer in PhpBB on Tue Apr 12, 2011 10:01 pm

Nera


WebArtz Technician
WebArtz Technician
I'm having trouble fixating that one under wrap but I've managed to add an other through, AP >> Display >> Homebox >> Homepage message.
Code:

<img src="http://i.imm.io/4WKI.png" style="position: absolute; top: 1870px; left: 500px; width: 525px; height: 88px" id="image">


Change the link and my settings. Move it below administration panel entrance link.

This would be your resault, if that is what you wanted=>
http://i.imm.io/4WLZ.png It will be fixated there. It wont move from there, it will stay always there under your wrap.

If you want it to stay on the bottom on your screen and scroll with you, use Unknown datas code and move it to bottom of your screen through margins.

11 Re: Fixed footer in PhpBB on Wed Apr 13, 2011 9:07 pm

Josh


Registered Member
Registered Member
But is it possible to use Unknown_Data's code to keep it at the bottom of the screen as you scroll, but position it under the body?

12 Re: Fixed footer in PhpBB on Thu Apr 14, 2011 1:27 am

Nera


WebArtz Technician
WebArtz Technician

You can:
1. position your photo on the bottom of the screen, and have it to stay there while you scroll, you'll see it always like a toolbar.
1. position your photo under your wrap(body), and when you scroll your forum photo will stay under your wrap(body), you won't see it when you are on your header part of course.


_________________

13 Re: Fixed footer in PhpBB on Thu Apr 14, 2011 3:04 am

Josh


Registered Member
Registered Member
Yes, could it be positioned under the wrap (body) and still scroll at the bottom of my screen, like a toolbar?

14 Re: Fixed footer in PhpBB on Thu Apr 14, 2011 3:11 am

Nera


WebArtz Technician
WebArtz Technician
Josh if you scroll your forum you can't always see the bottom of your wrap, in one time it has to go of the screen, so will your picture if you position it under wrap with my code. Either first or second option.
With UD's code it will be on your screen footer/bottom.
Try UD's code and change the bottom margin and you will see what you get.


_________________

15 Re: Fixed footer in PhpBB on Thu Apr 14, 2011 8:07 am

Josh


Registered Member
Registered Member
Hmm... Not exactly what I'm talking about... Here, let me clarify with a diagram:

http://i26.servimg.com/u/f26/13/66/98/43/fixedf10.jpg

16 Re: Fixed footer in PhpBB on Thu Apr 14, 2011 7:24 pm

Nera


WebArtz Technician
WebArtz Technician
Is this what you are looking for? Change the picture and move logo margins up latter.



Add it to your CSS
Code:
.conteneur_minwidth_IE {
background: url("http://i.imm.io/4ZdR.png") repeat-x scroll center bottom transparent;
height: 100%;
margin-bottom: -10px;
padding-bottom: 10px;
padding-top: 15px;
width: 100%;
}


17 Re: Fixed footer in PhpBB on Thu Apr 14, 2011 10:40 pm

Josh


Registered Member
Registered Member
Okay, thanks for the code, there seems to be two problems:

It seemed to of moved the banner down, so it doesn't fit within the boarders any more:


And also, is it possible to have the image scroll with you on the page, residing at the bottom of your screen, instead of the bottom of the webpage itself? (Like a toolbar.)

18 Re: Fixed footer in PhpBB on Thu Apr 14, 2011 10:57 pm

Nera


WebArtz Technician
WebArtz Technician
Wrote you,
Until_forever wrote:move logo margins up


Change your logo desc margin settings to mine(you have them already, must replace them)
Yours =
Code:
#logo-desc {
    margin: -350px 0 0;
    padding: 0;
    text-align: center;
}

Mine =
Code:
#logo-desc {   
margin: -365px 0 0;
    padding: 0;
    text-align: center;
}


Find this and change backgroud from scroll to fixed, and see if that is what you wanted (the scroll)
Code:
.conteneur_minwidth_IE {
background: url("http://i.imm.io/4ZdR.png") repeat-x scroll center bottom transparent;


If you remove the code, you must return your margins to logo. These margins are to make logo fith when you use this code, without it use your old margins.

19 Re: Fixed footer in PhpBB on Fri Apr 15, 2011 1:09 am

Josh


Registered Member
Registered Member
That worked great, thank you for all your help! Smile

Last question regarding this - Would it be possible to make a secondary tiling background, positioned behind both this footer and the original background?

20 Re: Fixed footer in PhpBB on Fri Apr 15, 2011 2:40 am

Nera


WebArtz Technician
WebArtz Technician
Third tiling...
You could try with
Code:
.conteneur_container_IE {
background: url("YOUR LINK HERE") repeat-x fixed center bottom transparent;
height: 100%;
margin-bottom: -10px;
padding-bottom: 10px;
padding-top: 15px;
width: 100%;
}

But it will go over your body original picture that is pretty heigh and first container, margins will also need resizing again. Other way don't think so. Only header and footer photos but they combine your wrap.

You could wait for someone else to have a look.

View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Fixed footer in PhpBB

Permissions in this forum:
You cannot reply to topics in this forum