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

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

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

1Fixed footer in PhpBB Empty Fixed footer in PhpBB Tue Apr 12, 2011 6:45 am

Josh

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

2Fixed footer in PhpBB Empty Re: Fixed footer in PhpBB Tue Apr 12, 2011 1:44 pm

Nera

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

3Fixed footer in PhpBB Empty Re: Fixed footer in PhpBB Tue Apr 12, 2011 8:57 pm

Josh

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.

4Fixed footer in PhpBB Empty Re: Fixed footer in PhpBB Tue Apr 12, 2011 9:01 pm

Unknown Data

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://woops.dk

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

Josh

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

6Fixed footer in PhpBB Empty Re: Fixed footer in PhpBB Tue Apr 12, 2011 9:06 pm

Unknown Data

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://woops.dk

7Fixed footer in PhpBB Empty Re: Fixed footer in PhpBB Tue Apr 12, 2011 9:34 pm

Josh

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

8Fixed footer in PhpBB Empty Re: Fixed footer in PhpBB Tue Apr 12, 2011 10:28 pm

Nera

Nera
Technician
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

9Fixed footer in PhpBB Empty Re: Fixed footer in PhpBB Tue Apr 12, 2011 10:33 pm

Josh

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.

10Fixed footer in PhpBB Empty Re: Fixed footer in PhpBB Tue Apr 12, 2011 11:31 pm

Nera

Nera
Technician
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.

11Fixed footer in PhpBB Empty Re: Fixed footer in PhpBB Wed Apr 13, 2011 10:37 pm

Josh

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?

12Fixed footer in PhpBB Empty Re: Fixed footer in PhpBB Thu Apr 14, 2011 2:57 am

Nera

Nera
Technician
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.

13Fixed footer in PhpBB Empty Re: Fixed footer in PhpBB Thu Apr 14, 2011 4:34 am

Josh

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?

14Fixed footer in PhpBB Empty Re: Fixed footer in PhpBB Thu Apr 14, 2011 4:41 am

Nera

Nera
Technician
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.

15Fixed footer in PhpBB Empty Re: Fixed footer in PhpBB Thu Apr 14, 2011 9:37 am

Josh

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

https://i.servimg.com/u/f26/13/66/98/43/fixedf10.jpg

16Fixed footer in PhpBB Empty Re: Fixed footer in PhpBB Thu Apr 14, 2011 8:54 pm

Nera

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

Fixed footer in PhpBB 4ZhJ

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%;
}

17Fixed footer in PhpBB Empty Re: Fixed footer in PhpBB Fri Apr 15, 2011 12:10 am

Josh

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:
Fixed footer in PhpBB 2mmfukh

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.)

18Fixed footer in PhpBB Empty Re: Fixed footer in PhpBB Fri Apr 15, 2011 12:27 am

Nera

Nera
Technician
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.

19Fixed footer in PhpBB Empty Re: Fixed footer in PhpBB Fri Apr 15, 2011 2:39 am

Josh

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?

20Fixed footer in PhpBB Empty Re: Fixed footer in PhpBB Fri Apr 15, 2011 4:10 am

Nera

Nera
Technician
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.

Sponsored content


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

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