Menu de navegação com erro no scroll Seg 18 Ago 2014 - 20:08
Minha questão:
Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Versão:
Invision
Usei o tutorial de [Tens de ter uma conta e sessão iniciada para poderes visualizar este link], porém, acabou ficando um pouco bugado com a navbar.
Imagem do erro:
- Imagens:
O que acontece, é que o menu fixo só aparece se escondo a navbar, e ainda fica um pouco cortado.
Código completo do CSS:
- Código:
{
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}
#wrapheader {
height: auto !important;
padding: 0;
margin-left:auto;
margin-right:auto;
width:99%;
}
#wrapcentre {
margin-left:auto;
margin-right:auto;
width:99%;
}
#wrapnav {
width: 100%;
margin: 0;
background-color: #ECECEC;
border-width: 1px;
border-style: solid;
border-color: #A9B8C2;
}
html {
font-size: 100%;
}
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: tahoma;
color: #ababab;
background: #0b0b0b;
background-repeat:repeat-x y;
font-size: 13px; /* This sets the default font size to be equivalent to 10px */
margin: 0;
}
body.ltr {
margin:0px;
margin-top:0px;
padding:0px;
}
#logodesc {
background-color: #C1CAD2;
background-image: url('http://missing.hi2.ro/missing.html');
background-repeat: repeat-x;
background-position: center bottom;
padding: 0 25px 15px 25px;
}
#menubar {
margin: 0 25px;
}
#datebar {
margin: 10px 25px 0 25px;
}
#findbar {
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
.forumrules {
background-color: #101010;
border-width: 1px;
border-style: dashed;
border-color: #00a7de;
padding: 4px;
font-weight: normal;
font-size: 1.1em;
font-family: tahoma;
}
.forumrules h3 {
color: red;
}
#pageheader { }
#pagecontent { }
#pagefooter { }
#poll { }
#postrow { }
#postdata { }
/* Links
------------ */
/* Links adjustment to correctly display an order of rtl/ltr mixed content */
.rtl a {
direction: rtl;
unicode-bidi: embed;
}
a:link {
color: #00a7de;
text-decoration: none;
font-size:11px;
}
a:active,
a:visited {
color: #00a7de;
text-decoration: none;
font-size:11px;
}
a:hover {
color: #646464;
text-decoration: none;
}
a.forumlink {
color: #00a7de;
font-weight: bold;
font-family: tahoma;
font-size: 1.2em;
}
a.forumlink:hover {
color: #00a7de;
font-weight: bold;
font-family: tahoma;
font-size: 1.2em;
text-decoration:none;
}
a.topictitle {
margin: 1px 0;
font-family: tahoma;
font-weight: bold;
font-size: 11px;
color:#00a7de;
}
a.topictitle:hover {
color: #646464;
text-decoration: none;
}
a.topictitle:visited {
color: #00a7de;
text-decoration: none;
}
th {
}
th a,
th a:visited {
color: #ededed !important;
text-decoration: none;
}
.text-shadow-tabel-stanga-index {
font-size:11px;
}
th a:hover {
text-decoration: none;
}
/* Form Elements
------------ */
form {
margin: 0;
padding: 0;
border: 0;
text-transform:none;
}
input {
color: #333333;
font-family: tahoma;
font-size: 1.1em;
font-weight: normal;
padding: 1px;
border: 1px solid #A9B8C2;
background-color: #FAFAFA;
}
textarea {
background-color: #1c1c1c;
color: #646464;
font-family: tahoma;
font-size: 1.3em;
line-height: 1.4em;
font-weight: normal;
border: 1px solid #1c1c1c;
padding: 2px;
}
select {
color: #646464;
background-color: #1c1c1c;
font-family: tahoma;
font-size: 11px;
font-weight: normal;
border: 1px solid #1c1c1c;
padding: 1px;
}
option {
padding: 0 1em 0 0;
}
option.disabled-option {
color: graytext;
}
.rtl option {
padding: 0 0 0 1em;
}
input.radio {
border: none;
background-color: #1c1c1c;
}
.post {
background-color: #1c1c1c;
border-style: solid;
border-width: 1px;
border-color: #1c1c1c;
color:#646464;
}
.btnbbcode {
color: #646464;
font-weight: normal;
font-size: 1.1em;
font-family: tahoma;
background-color: #1c1c1c;
border: 1px solid #1c1c1c;
}
.btnmain {
font-weight: bold;
background-color: #1c1c1c;
border: 1px solid #ba6f16;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
color:#646464;
}
.btnmain:hover {
font-weight: bold;
background-color: #1c1c1c;
border: 1px solid #00a7de;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
color:#646464;
}
.btnlite {
font-weight: normal;
background-color: #1c1c1c;
border: 1px solid #2a2a2a;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
color:#646464;
}
.btnlite:hover {
font-weight: normal;
background-color: #1c1c1c;
border: 1px solid #646464;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
color:#646464;
}
.btnfile {
font-weight: normal;
background-color: #1c1c1c;
border: 0px solid #1c1c1c;
padding: 1px 5px;
font-size: 1.1em;
color:#646464;
}
.helpline {
background-color: #101010;
border-style: none;
color:#646464;
}
/*Panel Left*/
.panel {
position: absolute;
top: 50px;
left: 0;
display: none;
background:url('http://missing.hi2.ro/missing.html') repeat;
border:1px solid #111111;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
width: 330px;
height: 200px;
padding: 30px 30px 30px 130px;
filter: alpha(opacity=595);
opacity: .95;
}
.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}
.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #00a7de;
text-decoration: none;
}
.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
}
a.trigger{
position: absolute;
text-decoration: none;
top: 80px; left: 0;
font-size: 10px;
text-transform:uppercase;
font-family: tahoma;
color:#00aa00;
padding: 10px 30px 10px 10px;
font-weight: 700;
background:#131313 url('http://missing.hi2.ro/missing.html') 85% 55% no-repeat;
border:1px solid #1c1c1c;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}
a.trigger:hover{
position: absolute;
text-decoration: none;
top: 80px; left: 0;
font-size: 10px;
text-transform:uppercase;
font-family: tahoma;
color:#00a7de;
padding: 10px 40px 10px 10px;
font-weight: 700;
background:#222222 url('http://missing.hi2.ro/missing.html') 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}
a.active.trigger {
background:#222222 url('http://missing.hi2.ro/missing.html') 85% 55% no-repeat;
}
.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}
.colleft{
float: left;
width: 100px;
line-height: 22px;
}
.colright{
float: right;
width: 130px;
line-height: 22px;
}
.rosugros {
color: #FF0000;
font-weight: bold;
}
#submenu ul li a {
margin:0.5em 0 0.65em 0;
padding:0.5em 0 0.65em 0;
}
a:hover{text-transform:uppercase;}
.skills a img{
background: url(http://i64.servimg.com/u/f64/14/54/25/26/dwd-gr10.png) no-repeat;}
.skills a img:hover{
background-position: 0px -40px;}
a[href="/g3-utilizatori"]{
padding-left: 18px;
background: url('http://i42.tinypic.com/f9famh.png') no-repeat left;
}
a[href="/u1"] strong, a[href="/u2"] strong, a[href="/u3"] strong, a[href="/u4"] strong, a[href="/u5"] strong, a[href="/u6"] strong, a[href="/u7"] strong, a[href="/u8"] strong, a[href="/u9"] strong, a[href="/u10"] strong, a[href="/u11"] strong, a[href="/u12"] strong, a[href="/u13"] strong, a[href="/u14"] strong, a[href="/u15"] strong, a[href="/u16"] strong, a[href="/u17"] strong, a[href="/u18"] strong, a[href="/u19"] strong, a[href="/u20"] strong, a[href="/u21"] strong, a[href="/u22"] strong, a[href="/u23"] strong, a[href="/u24"] strong, a[href="/u25"] strong, a[href="/u26"] strong, a[href="/u27"] strong, a[href="/u28"] strong, a[href="/u29"] strong, a[href="/u30"] strong, a[href="/u31"] strong, a[href="/u32"] strong, a[href="/u33"] strong, a[href="/u34"] strong, a[href="/u35"] strong, a[href="/u36"] strong, a[href="/u37"] strong, a[href="/u38"] strong, a[href="/u39"] strong, a[href="/u40"] strong, a[href="/u41"] strong, a[href="/u42"] strong, a[href="/u43"] strong, a[href="/u44"] strong, a[href="/u45"] strong, a[href="/u46"] strong, a[href="/u47"] strong, a[href="/u48"] strong, a[href="/u49"] strong, a[href="/u50"] strong, a[href="/u51"] strong, a[href="/u52"] strong, a[href="/u53"] strong, a[href="/u54"] strong, a[href="/u55"] strong, a[href="/u56"] strong, a[href="/u57"] strong, a[href="/u58"] strong, a[href="/u59"] strong, a[href="/u60"] strong, a[href="/u61"] strong, a[href="/u62"] strong, a[href="/u63"] strong, a[href="/u64"] strong, a[href="/u65"] strong, a[href="/u66"] strong, a[href="/u67"] strong, a[href="/u68"] strong, a[href="/u69"] strong, a[href="/u70"] strong, a[href="/u71"] strong, a[href="/u72"] strong, a[href="/u73"] strong, a[href="/u74"] strong, a[href="/u75"] strong, a[href="/u76"] strong, a[href="/u77"] strong, a[href="/u78"] strong, a[href="/u79"] strong, a[href="/u80"] strong, a[href="/u81"] strong, a[href="/u82"] strong, a[href="/u83"] strong, a[href="/u84"] strong, a[href="/u85"] strong, a[href="/u86"] strong, a[href="/u87"] strong, a[href="/u88"] strong, a[href="/u89"] strong, a[href="/u90"] strong, a[href="/u91"] strong, a[href="/u92"] strong, a[href="/u93"] strong, a[href="/u94"] strong, a[href="/u95"] strong, a[href="/u96"] strong, a[href="/u97"] strong, a[href="/u98"] strong, a[href="/u99"] strong, a[href="/u101"] strong, a[href="/u102"] strong, a[href="/u103"] strong, a[href="/u104"] strong, a[href="/u105"] strong, a[href="/u107"] strong, a[href="/u108"] strong, a[href="/u109"] strong, a[href="/u110"] strong, a[href="/u111"] strong, a[href="/u112"] strong, a[href="/u113"] strong, a[href="/u114"] strong, a[href="/u115"] strong, a[href="/u116"] strong, a[href="/u117"] strong, a[href="/u118"] strong, a[href="/u119"] strong, a[href="/u120"] strong, a[href="/u121"] strong, a[href="/u122"] strong, a[href="/u123"] strong, a[href="/u124"] strong, a[href="/u125"] strong, a[href="/u126"] strong, a[href="/u217"] strong, a[href="/u128"] strong, a[href="/u129"] strong, a[href="/u130"] strong, a[href="/u131"] strong, a[href="/u132"] strong, a[href="/u133"] strong, a[href="/u134"] strong, a[href="/u135"] strong, a[href="/u136"] strong, a[href="/u137"] strong, a[href="/u138"] strong, a[href="/u139"] strong, a[href="/u140"] strong, a[href="/u141"] strong, a[href="/u142"] strong, a[href="/u143"] strong, a[href="/u144"] strong, a[href="/u145"] strong, a[href="/u146"] strong, a[href="/u147"] strong, a[href="/u148"] strong, a[href="/u149"] strong, a[href="/u150"] strong, a[href="/u151"] strong, a[href="/u152"] strong, a[href="/u153"] strong, a[href="/u154"] strong, a[href="/u155"] strong, a[href="/u156"] strong, a[href="/u157"] strong, a[href="/u158"] strong, a[href="/u159"] strong, a[href="/u160"] strong, a[href="/u161"] strong, a[href="/u162"] strong, a[href="/u163"] strong, a[href="/u164"] strong, a[href="/u165"] strong, a[href="/u166"] strong, a[href="/u167"] strong, a[href="/u168"] strong, a[href="/u169"] strong, a[href="/u170"] strong, a[href="/u171"] strong, a[href="/u172"] strong, a[href="/u173"] strong, a[href="/u174"] strong, a[href="/u175"] strong, a[href="/u176"] strong, a[href="/u177"] strong, a[href="/u178"] strong, a[href="/u179"] strong, a[href="/u180"] strong, a[href="/u181"] strong, a[href="/u182"] strong, a[href="/u183"] strong, a[href="/u184"] strong, a[href="/u185"] strong, a[href="/u186"] strong, a[href="/u187"] strong, a[href="/u188"] strong, a[href="/u189"] strong, a[href="/u190"] strong, a[href="/u191"] strong, a[href="/u192"] strong, a[href="/u193"] strong, a[href="/u194"] strong, a[href="/u195"] strong, a[href="/u196"] strong, a[href="/u197"] strong, a[href="/u198"] strong, a[href="/u199"] strong{
padding-left: 18px;
background: url('http://i42.tinypic.com/f9famh.png') no-repeat left;
}
a[href="/g4-wewillsee-team"]{
padding-left: 18px;
background: url('http://i41.tinypic.com/wan2q8.jpg') no-repeat left;
}
a[href="/u2"] strong, a[href="/u3"] strong, a[href="/u4"] strong, a[href="/u"] strong, a[href="/u113"] strong, a[href="/u2"] strong{
padding-left: 18px;
background: url('http://i41.tinypic.com/wan2q8.jpg') no-repeat left;
}
a[href="/g2-global-moderatori"]{
padding-left: 18px;
background: url('http://i42.tinypic.com/2hiblag.jpg') no-repeat left;
}
a[href="/u6"] strong, a[href="/u"] strong{
padding-left: 18px;
background: url('http://i42.tinypic.com/2hiblag.jpg') no-repeat left;
}
a[href="/g6-administratori"]{
padding-left: 18px;
background: url('http://fullzone.ro/forum/images/group_icons/fondator.png') no-repeat left;
}
a[href="/u1"] strong, a[href="/u"] strong{
padding-left: 18px;
background: url('http://fullzone.ro/forum/images/group_icons/fondator.png') no-repeat left;
}
a:link,
a:visited,
a:active{
text-decoration: none;
}
table.ipbtable tfoot td {
background-color:#1d1d1d;
}
div.maintitle .expand,div.maintitle .contract {
float: right;
width: 80px;
height: 20px;
background: url('http://i47.servimg.com/u/f47/16/97/85/02/minimi11.png') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://i47.servimg.com/u/f47/16/97/85/02/maximi10.png') no-repeat 50% 50%;
}
.popupmenu li {
background-color: #1d1d1d;
}
.box-content {
border-bottom: transparent;
}
table.ipbtable tfoot td {
background-color: transparent;
}
.post {
border-bottom:10px solid #1d1d1d;
}
a.mainmenu{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 1.0;
}
a.mainmenu:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.65;
opacity: 0.55;
}
/*** RETIRADO DO SITE BESTSKINS http://bestskins.forumeiros.com/92-ltr.css ***/
body .sceditor-container {
-moz-border-radius: 0;
-moz-box-shadow: 0 0 3px rgba(0,0,0,.15);
-webkit-border-radius: 0;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.15);
border: 1px solid #b6b6b6;
border-radius: 0;
box-shadow: 0 0 3px rgba(0,0,0,.15);
padding: 0
}
body .sceditor-toolbar {
-moz-box-shadow: 0 1px 0 #fff inset!important;
-webkit-box-shadow: 0 1px 0 #fff inset!important;
background: #cfd1cf url(http://i.imgur.com/XPb5FAh.png) repeat-x 0 0!important;
border-bottom: 1px solid #b6b6b6!important;
box-shadow: 0 1px 0 #fff inset!important;
padding: 6px 8px 2px;
white-space: normal
}
body .sceditor-group {
-moz-border-radius: 3px;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
background: #e4e4e4 url(http://i.imgur.com/lvfV1wd.png) repeat-x 0 0!important;
border: 1px solid #a6a6a6;
border-bottom-color: #979797!important;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
margin: 0 6px 5px 0 !important;
padding: 0!important
}
.sceditor-button {
-moz-border-radius: 0!important;
-webkit-border-radius: 0!important;
border-left: 1px solid rgba(0,0,0,.2);
border-radius: 0!important
}
.sceditor-group .sceditor-button:first-child {border-left: 0}
.sceditor-button:hover {
-moz-box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
-webkit-box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
background: #ccc url(http://i.imgur.com/q00xTJ9.png) repeat-x 0 0!important;
box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
cursor: default
}
.sceditor-button.active,.sceditor-button.hover,.sceditor-button:active {background-color: #b5b5b5!important;box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2)!important}
.sceditor-button.sceditor-button-size {
background: url(http://i.imgur.com/fZYgLFV.png) 0 0 no-repeat scroll!important;
height: 22px!important;
width: 51px
}
.sceditor-button.sceditor-button-font {
background: url(http://i.imgur.com/fmbuqHA.png) 0 0 no-repeat scroll!important;
height: 22px!important;
width: 81px
}
.sceditor-button.sceditor-button-font,.sceditor-button.sceditor-button-size {
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
border-radius: 3px!important;
box-shadow: none!important;
cursor: default
}
.sceditor-button.sceditor-button-font > div,.sceditor-button.sceditor-button-size > div {display: none}
.sceditor-container iframe,.sceditor-container textarea {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 1.6;
margin: 15px!important;
min-height: 180px
}
.sceditor-container textarea {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
/*** RETIRADO DO SITE BESTSKINS http://bestskins.forumeiros.com/92-ltr.css ***/
#submenu{
border-bottom: 1px solid transparent;
box-shadow: 0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1);
font-weight: 700;
height: 35px;
left: 0;
right: 0;
text-align: center;
top: -20;
z-index:999;
background: url(http://i.imgur.com/AOkgY.png);
}
#submenu a {
line-height: 40px;
}
#submenu a{padding: 15px 10px 10px 10px;color: #bfbfbf;}
#submenu a:hover{background: rgba(255, 255, 255, 0.05);color: #ffffff;}
.mf{
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 999;
}
Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Versão:
Invision