Layer under the div#wraps in prosilver style

For support and discussion related to templates, themes, and imagesets in phpBB 3.1.
Anti-Spam Guide
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 » 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... :o
Anyone with similar problems trying to get another layer
(div) under the div#wraps in prosilver style?
Attachments
111.png
Screenshot

User avatar
Rahber
Style Customisations
Style Customisations
Posts: 2717
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 » 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
Registered User
Posts: 25
Joined: Fri Jun 09, 2017 10:55 am

Re: Layer under the div#wraps in prosilver style

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.

User avatar
Mannix_
Registered User
Posts: 337
Joined: Sun Oct 25, 2015 2:56 pm
Contact:

Re: Layer under the div#wraps in prosilver style

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 ? Image
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
My CDB contributions . Like my work? Want me to do make a style just for you? PM here or on twitter.
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Need some graphics? PM here or on twitter.

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 » 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).
Attachments
HASnb.net - Index page 3.8.2017, 18-53-36.png

User avatar
Mannix_
Registered User
Posts: 337
Joined: Sun Oct 25, 2015 2:56 pm
Contact:

Re: Layer under the div#wraps in prosilver style

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? Image
Don't mind the size I broke it as i was playing with it.
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
My CDB contributions . Like my work? Want me to do make a style just for you? PM here or on twitter.
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Need some graphics? PM here or on twitter.

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 » Thu Aug 03, 2017 5:33 pm

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

User avatar
Mannix_
Registered User
Posts: 337
Joined: Sun Oct 25, 2015 2:56 pm
Contact:

Re: Layer under the div#wraps in prosilver style

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 :)
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
My CDB contributions . Like my work? Want me to do make a style just for you? PM here or on twitter.
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Need some graphics? PM here or on twitter.

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

User avatar
Ibedejo
Registered User
Posts: 242
Joined: Tue Feb 21, 2012 12:12 am

Re: Layer under the div#wraps in prosilver style

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
Registered User
Posts: 25
Joined: Fri Jun 09, 2017 10:55 am

Re: Layer under the div#wraps in prosilver style

Post by OlaNorway » Thu Aug 03, 2017 9:14 pm

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 » Fri Aug 04, 2017 2:17 pm

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 » Fri Aug 04, 2017 3:03 pm

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: 242
Joined: Tue Feb 21, 2012 12:12 am

Re: Layer under the div#wraps in prosilver style

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
Registered User
Posts: 25
Joined: Fri Jun 09, 2017 10:55 am

Re: Layer under the div#wraps in prosilver style

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.

Locked

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

Who is online

Users browsing this forum: No registered users and 6 guests