Suporte à dúvidas gerais relacionadas ao phpBB 3.1.
eunaumtenhoid
Novato
Mensagens: 113 Registrado em: 12 Mai 2009, 04:26
Localização: No momento, aqui no forum suportephpbb
Contact:
Mensagem
por eunaumtenhoid » 12 Out 2016, 02:03
to tentando colocar esse menu no phpbb , mas na parte do html ta dano erro e fica a pagina toda louco algo q poosso mudar?
css
Código: Selecionar todos
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a, .dropbtn {
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover, .dropdown:hover .dropbtn {
background-color: red;
}
li.dropdown {
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
display: block;
}
html
Código: Selecionar todos
<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li class="dropdown">
<a href="#" class="dropbtn">Dropdown</a>
<div class="dropdown-content">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
</li>
</ul>
eunaumtenhoid
Novato
Mensagens: 113 Registrado em: 12 Mai 2009, 04:26
Localização: No momento, aqui no forum suportephpbb
Contact:
Mensagem
por eunaumtenhoid » 13 Out 2016, 17:55
absolution
henrique.seven2011
Moderador
Mensagens: 986 Registrado em: 23 Mar 2012, 13:50
Nome Real: Saulo Henrique
Mensagem
por henrique.seven2011 » 14 Out 2016, 12:02
Vou olhar para vc hj a tarde.
EDIT:
Em common.css adicione:
Código: Selecionar todos
/* novo menu */
ul.menunovo {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li.atributo {
float: left;
}
li a, .dropbtn {
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover, .gaveta:hover .dropbtn {
background-color: red;
}
li.gaveta {
display: inline-block;
}
.gaveta-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.gaveta-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.gaveta-content a:hover {background-color: #f1f1f1}
.gaveta:hover .gaveta-content {
display: block;
}
Em overall_header.html procure por
Adicione antes:
Código: Selecionar todos
<ul class="menunovo">
<li class="atributo"><a class="menulink active" href="#home">Home</a></li>
<li class="atributo"><a class="menulink" href="#news">News</a></li>
<li class="atributo gaveta">
<a href="#" class="menulink dropbtn">gaveta</a>
<div class="gaveta-content">
<a class="menulink" href="#">Link 1</a>
<a class="menulink" href="#">Link 2</a>
<a class="menulink" href="#">Link 3</a>
</div>
</li>
</ul>
eunaumtenhoid
Novato
Mensagens: 113 Registrado em: 12 Mai 2009, 04:26
Localização: No momento, aqui no forum suportephpbb
Contact:
Mensagem
por eunaumtenhoid » 18 Out 2016, 09:45
entao realçao a parte visual deu tudo certo mas continua o erro do css tipo os links do site ficam iguais aos do menu quando apssa o mouse por cima e outros errinhos vou fuçar aqui vlw