Layer under the div#wraps in prosilver style

For support and discussion related to templates, themes, and imagesets in phpBB 3.1.
Ideas Centre
Locked
OlaNorway
Registered User
Posts: 25
Joined: Fri Jun 09, 2017 10:55 am

Layer under the div#wraps in prosilver style

Post by OlaNorway »

Hi.
I am trying to add a layer (div) under the div#wraps in a custom prosilver style I code. For some reason if I put a div tag or anything in the overall_header the forum list will expand to either side. Tried to use z-index in css to get the layer behind the div#wraps, but with no luck.

See screenshot.
It is the big grey bar I want underneath the #wraps div.

Hope someone understands... :o
Anyone with similar problems trying to get another layer
(div) under the div#wraps in prosilver style?
Attachments
Screenshot
Screenshot
User avatar
Rahber
Former Team Member
Posts: 2720
Joined: Tue Feb 12, 2008 3:39 pm
Location: Pakistan
Name: Rahber
Contact:

Re: Layer under the div#wraps in prosilver style

Post by Rahber »

The reason for that is because the div#wrap holds the CSS for making it fixed width. Can you share the actuall code or link to your test board so i can see more that what are you trying to do.
OlaNorway
Registered User
Posts: 25
Joined: Fri Jun 09, 2017 10:55 am

Re: Layer under the div#wraps in prosilver style

Post by OlaNorway »

Rahber wrote: Wed Jun 28, 2017 7:01 am The reason for that is because the div#wrap holds the CSS for making it fixed width.
Can you share the actuall code or link to your test board so i can see more that what are you trying to do.
Here you go: http://phpbb.hasnb.net/
I was trying for a soccer field look with a white stripe
(for the time being red) around the edge of the browser window.
I have tried every trick I could think of or find on the Internet.
Still can't gt the bar under the wrap div/layer.
Fixed position so it sticks to the edges as the wrap scrolls up and down.

I did this in a free wordpress theme and it worked with negative z-index values.
User avatar
Mannix_
Registered User
Posts: 1834
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt
Contact:

Re: Layer under the div#wraps in prosilver style

Post by Mannix_ »

OlaNorway wrote: Wed Aug 02, 2017 7:37 pm
Rahber wrote: Wed Jun 28, 2017 7:01 am The reason for that is because the div#wrap holds the CSS for making it fixed width.
Can you share the actuall code or link to your test board so i can see more that what are you trying to do.
Here you go: http://phpbb.hasnb.net/
I was trying for a soccer field look with a white stripe
(for the time being red) around the edge of the browser window.
I have tried every trick I could think of or find on the Internet.
Still can't gt the bar under the wrap div/layer.
Fixed position so it sticks to the edges as the wrap scrolls up and down.

I did this in a free wordpress theme and it worked with negative z-index values.
Something like this is on your mind ? Image
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
OlaNorway
Registered User
Posts: 25
Joined: Fri Jun 09, 2017 10:55 am

Re: Layer under the div#wraps in prosilver style

Post by OlaNorway »

Could not see what you meant.
I need the wrap div to lay over the red horizontal bars (top and bottom).
Attachments
HASnb.net - Index page 3.8.2017, 18-53-36.png
User avatar
Mannix_
Registered User
Posts: 1834
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt
Contact:

Re: Layer under the div#wraps in prosilver style

Post by Mannix_ »

OlaNorway wrote: Thu Aug 03, 2017 4:54 pm Could not see what you meant.
I need the wrap div to lay over the red horizontal bars (top and bottom).
Something like this? Image
Don't mind the size I broke it as i was playing with it.
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
OlaNorway
Registered User
Posts: 25
Joined: Fri Jun 09, 2017 10:55 am

Re: Layer under the div#wraps in prosilver style

Post by OlaNorway »

Yes, exactly....
How do I do it?
Have tried every thing I could think about.
User avatar
Mannix_
Registered User
Posts: 1834
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt
Contact:

Re: Layer under the div#wraps in prosilver style

Post by Mannix_ »

OlaNorway wrote: Thu Aug 03, 2017 5:33 pm Yes, exactly....
How do I do it?
Have tried every thing I could think about.
You need to put the code for the border above the wrap and play with the position and z-index in both :)
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
OlaNorway
Registered User
Posts: 25
Joined: Fri Jun 09, 2017 10:55 am

Re: Layer under the div#wraps in prosilver style

Post by OlaNorway »

Tried that allready.
It blew out the wrap width.
I need the lines to in fixed position.
Did read about layer stacking order.
That was confusing.
User avatar
Ibedejo
Registered User
Posts: 243
Joined: Tue Feb 21, 2012 12:12 am

Re: Layer under the div#wraps in prosilver style

Post by Ibedejo »

Hi,

if it's all about a red border you want to add, then:

open colours.css and find

Code: Select all

html, body {
	color: #536482;
	background-color: #F5F7FA;
}
add in a new line below the above code

Code: Select all

body {
	border: 40px solid #991e1e;
}
Adjust width and colour code to your likings
OlaNorway
Registered User
Posts: 25
Joined: Fri Jun 09, 2017 10:55 am

Re: Layer under the div#wraps in prosilver style

Post by OlaNorway »

Hmmm, never thought it was possible to do that with the body tag... :)
OlaNorway
Registered User
Posts: 25
Joined: Fri Jun 09, 2017 10:55 am

Re: Layer under the div#wraps in prosilver style

Post by OlaNorway »

Hmmmm...
I can not add even a empty template file:
<!-- INCLUDE overall_soccer_header.html -->

in the Prosilver style:
overall_header.html

before it blow the wrap div/layer up... :o

Code:
<body id="phpbb" class="nojs notouch section-{SCRIPT_NAME} {S_CONTENT_DIRECTION} {BODY_CLASS}">

<!-- EVENT overall_header_body_before -->

<!-- INCLUDE overall_soccer_header.html -->

<div id="wrap">
<a id="top" class="anchor" accesskey="t"></a>
<div id="page-header">
OlaNorway
Registered User
Posts: 25
Joined: Fri Jun 09, 2017 10:55 am

Re: Layer under the div#wraps in prosilver style

Post by OlaNorway »

Jeez, I can't even use the online editor in the webhost cp to add the:
<!-- INCLUDE overall_soccer_header.html -->

What is going on...?
User avatar
Ibedejo
Registered User
Posts: 243
Joined: Tue Feb 21, 2012 12:12 am

Re: Layer under the div#wraps in prosilver style

Post by Ibedejo »

First: you don't use whatever editor tool you find in your CP. Only use proper editors like notepad++, ATOM or the like.
For further info you might want to take a look at Tools needed to set up and customise phpBB

Where do you want the content of your new HTML file be inserted/displayed?
What is it that you want to insert/display there?
OlaNorway
Registered User
Posts: 25
Joined: Fri Jun 09, 2017 10:55 am

Re: Layer under the div#wraps in prosilver style

Post by OlaNorway »

I managed to get it done.
I use an old version of Dreamweaver (8.02).
This because it has a filemanager on one side and the editor on the other side.
And it uploads the file on save.
Grateful for any tips to any newer similar program.
Locked

Return to “[3.1.x] Styles Support & Discussion”