Layer under the div#wraps in prosilver style

For support and discussion related to templates, themes, and imagesets in phpBB 3.1.
Suggested Hosts
Post Reply
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: 2706
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.
twitter : @Rahber | For Custom Style Hire Me

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: 154
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: 154
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: 154
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: 216
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: 216
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.

Post Reply

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

Who is online

Users browsing this forum: No registered users and 5 guests