Layer under the div#wraps in prosilver style

OlaNorway · Post by **OlaNorway** » Thu Jun 22, 2017 1:59 am

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

Anyone with similar problems trying to get another layer
(div) under the div#wraps in prosilver style?

Rahber · Post by **Rahber** » 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.

OlaNorway · Post by **OlaNorway** » 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.

Mannix_ · Post by **Mannix_** » Thu Aug 03, 2017 11:14 am

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 ?

OlaNorway · Post by **OlaNorway** » 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).

Mannix_ · Post by **Mannix_** » Thu Aug 03, 2017 5:19 pm

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?

Don't mind the size I broke it as i was playing with it.

OlaNorway · Post by **OlaNorway** » Thu Aug 03, 2017 5:33 pm

Yes, exactly....
How do I do it?
Have tried every thing I could think about.

Mannix_ · Post by **Mannix_** » Thu Aug 03, 2017 6:31 pm

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

OlaNorway · Post by **OlaNorway** » Thu Aug 03, 2017 7:22 pm

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.

Ibedejo · Post by **Ibedejo** » Thu Aug 03, 2017 8:48 pm

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 · Post by **OlaNorway** » Thu Aug 03, 2017 9:14 pm

Hmmm, never thought it was possible to do that with the body tag...

OlaNorway · Post by **OlaNorway** » Fri Aug 04, 2017 2:17 pm

Hmmmm...
I can not add even a empty template file:


in the Prosilver style:
overall_header.html

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

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





<div id="wrap">
<a id="top" class="anchor" accesskey="t"></a>
<div id="page-header">

OlaNorway · Post by **OlaNorway** » Fri Aug 04, 2017 3:03 pm

Jeez, I can't even use the online editor in the webhost cp to add the:


What is going on...?

Ibedejo · Post by **Ibedejo** » Fri Aug 04, 2017 8:30 pm

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 · Post by **OlaNorway** » Sun Aug 06, 2017 12:11 pm

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.

phpBB • Free and Open Source Forum Software

Layer under the div#wraps in prosilver style

Layer under the div#wraps in prosilver style

Re: Layer under the div#wraps in prosilver style

Re: Layer under the div#wraps in prosilver style

Re: Layer under the div#wraps in prosilver style

Re: Layer under the div#wraps in prosilver style

Re: Layer under the div#wraps in prosilver style

Re: Layer under the div#wraps in prosilver style

Re: Layer under the div#wraps in prosilver style

Re: Layer under the div#wraps in prosilver style

Re: Layer under the div#wraps in prosilver style

Re: Layer under the div#wraps in prosilver style

Re: Layer under the div#wraps in prosilver style

Re: Layer under the div#wraps in prosilver style

Re: Layer under the div#wraps in prosilver style

Re: Layer under the div#wraps in prosilver style

advertisements