Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Colocar menu de navegação igual a este
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Colocar menu de navegação igual a este
Gostaria de colocar meu menu de navegação na mesma posição da deste tema como faz?
Tema - http://pt.hitskin.com/buscar-um-tema/twilight-soruce-167958.htm
Tema - http://pt.hitskin.com/buscar-um-tema/twilight-soruce-167958.htm
Re: Colocar menu de navegação igual a este
Olá,
Há duas maneiras:
Com códigos CSS ou você implantando este tema.
Qual preferes?
Abraços.
P.s: Caso queira código deixe a versão do seu fórum.
Há duas maneiras:
Com códigos CSS ou você implantando este tema.
Qual preferes?
Abraços.
P.s: Caso queira código deixe a versão do seu fórum.
Re: Colocar menu de navegação igual a este
Goku1500 escreveu:É phpBB
Olá,
PhpBB não existe. Você quiz dizer PunBB?
As versões são estás 4:
() phpBB2 () phpBB3 () PunBB () Invision
Re: Colocar menu de navegação igual a este
Olá,
Seria melhor você instala-lo, pegar a CSS dele( do menu ) e colar na CSS.
Seria melhor você instala-lo, pegar a CSS dele( do menu ) e colar na CSS.
Re: Colocar menu de navegação igual a este
Se eu instalar vou perder o que tenho pronto , e não vou saber qual é a parte... Espero que alguem resolva..
Re: Colocar menu de navegação igual a este
Olá,
Quando você se refere à "tenho pronto" estás falando do tema ou do conteúdo do fórum? Pois se for conteúdo não há problema. Estou dando uma olhada no FdF Inglês para ver se encontro o código.
EDIT:
Tente este código:
Quando você se refere à "tenho pronto" estás falando do tema ou do conteúdo do fórum? Pois se for conteúdo não há problema. Estou dando uma olhada no FdF Inglês para ver se encontro o código.
EDIT:
Tente este código:
- Código:
a.mainmenu{
filter:alpha(opacity=60);
-moz-opacity: 0.60;
opacity: 0.60;
}
a.mainmenu:hover{
filter:alpha(opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
}
body {
background-color: ;
background-image: url('http://i33.servimg.com/u/f33/13/73/98/79/layer_17.jpg');
background-attachment: scroll;
background-repeat: repeat-y;
background-position: center;
color: #000000;
font-size: 11px;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
/* Wrap .pun-------------------------------------------------------------*/
.pun {
width: 950px;
margin: 0 auto;
padding: 0px;
background-color: ;
/* Fix for RTL min-width bug, left here for consistency */
min-width: 768px;
line-height: 130%;
}
.pun div, .pun td, .sig-line {
border-color: transparent;
color: #000000;
}
.pun img, .pun fieldset {
border: none;
}
/* Main heading (Logo and description)-------------------------------------------------------------*/
#pun-intro {
margin: 4;
padding: 0em 0em 0em 0em;
border-bottom: 0px solid #dad3cd;
background-color: transparent;
background-image: url('http://i30.servimg.com/u/f30/14/80/61/54/untitl12.jpg');
background-position: center;
text-align: left;
background-repeat: no-repeat;
height: 542px;
margin-top: -20px;
margin-left: -3px;
width: 956px;
}
*+ html #pun-head {
margin-top: -5px;
}
* html #pun-head {
margin-top: -5px;
}
#pun-logo {
float: none;
}
#pun-title {
padding-left: 5px;
white-space: nowrap;
color: #ee0733;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 20px;
}
#pun-title h1 {
font-size: inherit;
font-weight: inherit;
color: inherit;
}
p#pun-desc {
color:#2b2f32;
padding: 0.3em 0 0 5px;
}
/* Main navigation (Menu, information and crumbs)-------------------------------------------------------------*/
#pun-head #pun-navlinks {
height: 400px;
width: 600px;
float: center;
margin: -220px;
border-width: -200px;
background-color: transparent;
border-color: #dddddd;
margin-left: 400px;
}
#pun-navlinks ul {
padding: 0px;
list-style: none;
line-height: normal;
}
#pun-navlinks li {
display: inline;
font-size: 0.8em;
}
#pun-navlinks li a {
margin: 0 0em 0 0;
}
#pun-navlinks a, #pun-navlinks a:visited {
/*color: #9c9c9c;
*/
text-decoration: none;
}
#pun-navlinks a:hover {
background-image: url('slika ispod navigacija');
background-repeat: no-repeat;
background-position: center;
top: -10px;
width:100%;
height:100%;
text-align: right;
}
#pun-navlinks a:active, #pun-navlinks a:focus {
text-decoration: none;
}
#pun-visit,.main-box {
border-color: #111f23;
border-style: solid;
border-width: 0px;
padding: 0.6em 1em;
background-color: transparent;
margin: 0 0 1em 0;
}
#pun-visit ul,.main-box ul {
float: right;
width: 20%;
text-align: right;
list-style-type: none;
font-size: 0.8em;
}
.main-box ul {
float: right;
width: auto;
font-size: 0.8em;
}
#pun-visit li,.main-box li {
margin-left: 0.7em;
white-space: nowrap;
float: right;
font size: 0.8em;
}
.pun-crumbs {
padding: 0.2em 1em;
margin: 0 1px 1em 1px;
font size: 0.8em;
}
.pun-crumbs p {
margin: 0;
line-height: 1.5;
font-size: 0.8em;
color: #666;
}
.pun-crumbs a {
text-decoration: none;
}
/* **************************************************************************Most stable Standards-compliant 3-column layout by Ryan Brillhttp://www.alistapart.com/articles/negativemargins
/************************************************************************** */
#content-container div#container {
width: 100%;
float: left;
margin-right: -0px;
}
#content-container div#content {
margin-right: 0px;
}
#content-container div#main {
margin-bottom: 1em;
overflow: hidden;
/* Fixes 3-column negative margins float clearing bug: http://archivist.incutio.com/viewlist/css-discuss/97678 Thanks Georg! */
}
*+ html #content-container div#main {
margin-left: 0px;
}
#content-container div#left {
width: 0px;
float: left;
margin-right: 0px;
overflow: hidden;
}
#content-container div#right {
width: 0px;
float: right;
overflow: hidden;
}
* html #content-container #main-content {
Re: Colocar menu de navegação igual a este
Nossa... Este código muda o fundo do meu fórum e tira meus Widges
Quero o dos botões por favor...
Quero o dos botões por favor...
Re: Colocar menu de navegação igual a este
Olá,
Desative a imagem do seu logo em:
Painel de controle Visualização Gestão das imagens Modo avançado.
Desative a descrição do fórum:
Painel de controle Geral Configuração
Depois adicione o código:
(Em IMAGEM coloque o link do logo)
Resultou?
Abraços.
P.s: Seu fórum deve estar na VERSÃO PUNBB.
Desative a imagem do seu logo em:
Painel de controle Visualização Gestão das imagens Modo avançado.
Desative a descrição do fórum:
Painel de controle Geral Configuração
Depois adicione o código:
(Em IMAGEM coloque o link do logo)
- Código:
/* Main heading (Logo and description)-------------------------------------------------------------*/
#pun-intro {
margin: 4;
padding: 0em 0em 0em 0em;
border-bottom: 0px solid #dad3cd;
background-color: transparent;
background-image: url('');
background-position: center;
text-align: left;
background-repeat: no-repeat;
height: 542px;
margin-top: -20px;
margin-left: -3px;
width: 956px;
}
*+ html #pun-head {
margin-top: -5px;
}
* html #pun-head {
margin-top: -5px;
}
#pun-logo {
float: none;
}
#pun-title {
padding-left: 5px;
white-space: nowrap;
color: #ee0733;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 20px;
}
#pun-title h1 {
font-size: inherit;
font-weight: inherit;
color: inherit;
}
p#pun-desc {
color:#2b2f32;
padding: 0.3em 0 0 5px;
}
/* Main navigation (Menu, information and crumbs)-------------------------------------------------------------*/
#pun-head #pun-navlinks {
height: 400px;
width: 600px;
float: center;
margin: -220px;
border-width: -200px;
background-color: transparent;
border-color: #dddddd;
margin-left: 400px;
}
#pun-navlinks ul {
padding: 0px;
list-style: none;
line-height: normal;
}
#pun-navlinks li {
display: inline;
font-size: 0.8em;
}
#pun-navlinks li a {
margin: 0 0em 0 0;
}
#pun-navlinks a, #pun-navlinks a:visited {
/*color: #9c9c9c;
*/
text-decoration: none;
}
#pun-navlinks a:hover {
background-image: url('slika ispod navigacija');
background-repeat: no-repeat;
background-position: center;
top: -10px;
width:100%;
height:100%;
text-align: right;
}
#pun-navlinks a:active, #pun-navlinks a:focus {
text-decoration: none;
}
#pun-visit,.main-box {
border-color: #111f23;
border-style: solid;
border-width: 0px;
padding: 0.6em 1em;
background-color: transparent;
margin: 0 0 1em 0;
}
#pun-visit ul,.main-box ul {
float: right;
width: 20%;
text-align: right;
list-style-type: none;
font-size: 0.8em;
}
.main-box ul {
float: right;
width: auto;
font-size: 0.8em;
}
#pun-visit li,.main-box li {
margin-left: 0.7em;
white-space: nowrap;
float: right;
font size: 0.8em;
}
.pun-crumbs {
padding: 0.2em 1em;
margin: 0 1px 1em 1px;
font size: 0.8em;
}
.pun-crumbs p {
margin: 0;
line-height: 1.5;
font-size: 0.8em;
color: #666;
}
.pun-crumbs a {
text-decoration: none;
}
Resultou?
Abraços.
P.s: Seu fórum deve estar na VERSÃO PUNBB.
Re: Colocar menu de navegação igual a este
Não localizei - Desative a descrição do fórum:
Painel de controle Geral Configuração
Painel de controle Geral Configuração
Re: Colocar menu de navegação igual a este
Olá,
Descrição do fórum:
Painel de controle >> Geral >> Fórum/Configuração >> Em "Descrição do Site " apague o que estiver lá.
Não se esqueça de mudar para a versão punbb.
Abraços.
Descrição do fórum:
Painel de controle >> Geral >> Fórum/Configuração >> Em "Descrição do Site " apague o que estiver lá.
Não se esqueça de mudar para a versão punbb.
Abraços.
Re: Colocar menu de navegação igual a este
Olá,
Não existe punBB 2 ou punBB 3.
Só punBB. Lamento.
Posso dar como resolvido?
Abraços.
Não existe punBB 2 ou punBB 3.
Só punBB. Lamento.
Posso dar como resolvido?
Abraços.
Re: Colocar menu de navegação igual a este
Ta que seja escrevi errado, não pode dar como resolvido pois não está
Para estás versões eu queria phpBB2 phpBB3
Pois a outra fica os botões do poste tudo um em cima do outro e não gosto daquela versão..
Para estás versões eu queria phpBB2 phpBB3
Pois a outra fica os botões do poste tudo um em cima do outro e não gosto daquela versão..
Re: Colocar menu de navegação igual a este
Olá,
Lamento o código que queres é somente para punBB.
Abraços.
Lamento o código que queres é somente para punBB.
Abraços.
Re: Colocar menu de navegação igual a este
Se não tem como Ok, o código funcionou Lucky obrigado Boa sorte ae.
Tópicos semelhantes
» Menu de navegação igual ao fdf
» Menu de Navegação igual ao do Facebook
» Colocar os links do menu de navegação sobre os botoes de navegacão
» Colocar um espaço no menu de navegação
» Colocar o menu igual a este:
» Menu de Navegação igual ao do Facebook
» Colocar os links do menu de navegação sobre os botoes de navegacão
» Colocar um espaço no menu de navegação
» Colocar o menu igual a este:
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos