OnePage - Template with fixed Bottom-Main-Navigation (only menulevel1) and prepared Side-Dot-Navigation.
[ external image ]
Tested with Google Chrome 39, Chrome Toggle device mode, IE11, Opera 12.17, Opera 26.0, Firefox 35, Opera Mobile Emulator.
Full Demo, Info and download
Enjoy,
Ludwig
OnePage-Template "op_metro02" (responsive)
Moderator: mikey
OnePage-Template "op_metro02" (responsive)
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“ Ludwig's XH-Templates for MultiPage & OnePage
Re: OnePage-Template "op_metro02" (responsive)
Hi, nice template, great plugin!
I try to fix the backgroundimage in CSS with
and then to make the content-background 50% transparent.
Goal: overflow backgroungimage with content and visable Nav on bottom.
Result:
- backgroundimage ist fix;
- content ist transparent over Nav;
but:
- content ist not transparent over backgroundimage;
- Nav ist overflow with content and behind the transparent content;
I don't have any further ideas. thanks for light in darkness...
I try to fix the backgroundimage in CSS with
Code: Select all
.tpllck_nav {
background: url(images/bg_nav.jpg) 50% no-repeat #486C88;
background-attachment:fixed;
Code: Select all
div.onepage_page:nth-child(odd) {
background-color: #CDE8FF;
opacity: .5;
Result:
- backgroundimage ist fix;
- content ist transparent over Nav;
but:
- content ist not transparent over backgroundimage;
- Nav ist overflow with content and behind the transparent content;
I don't have any further ideas. thanks for light in darkness...
Grüsse aus der Schweiz
Rolf
Rolf
Re: OnePage-Template "op_metro02" (responsive)
Change:
Add:
Code: Select all
.tpllck_nav {
/* background: url(images/bg_nav.jpg) 50% no-repeat #486C88; */
/* background-size: cover; */
min-height: 100vh;
position: relative;
z-index: 100;
}
Code: Select all
div.onepage_page:nth-child(odd) {
background-color: rgba(205, 232, 255, 0.5);
}
Code: Select all
div.onepage_page:nth-child(even) {
background-color: rgba(227, 242, 255, 0.5);
}
Code: Select all
#tpllck_body {
/* background-color: #eee; */
background: url(images/bg_nav.jpg) 50% no-repeat fixed #eee; /* add this line */
background-size: cover; /* add this line */
}
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“ Ludwig's XH-Templates for MultiPage & OnePage