Colocar menu de navegação igual a este

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Colocar menu de navegação igual a este

Mensagem por Goku1500 em 08/03/11, 04:54 pm

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
avatar

Goku1500
Nível 7

Masculino
Inscrito dia : 20/02/2011
Mensagens : 84
Pontos Ativos : 124

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Colocar menu de navegação igual a este

Mensagem por Cream em 08/03/11, 04:56 pm

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.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colocar menu de navegação igual a este

Mensagem por Goku1500 em 08/03/11, 04:59 pm

O código é phpBB
avatar

Goku1500
Nível 7

Masculino
Inscrito dia : 20/02/2011
Mensagens : 84
Pontos Ativos : 124

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Colocar menu de navegação igual a este

Mensagem por Gaaratsu em 08/03/11, 06:07 pm

Olá,
E sua versão é phpBB2 ou PhpBB3 ?


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Colocar menu de navegação igual a este

Mensagem por Goku1500 em 08/03/11, 06:15 pm

É phpBB Piscada
avatar

Goku1500
Nível 7

Masculino
Inscrito dia : 20/02/2011
Mensagens : 84
Pontos Ativos : 124

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Colocar menu de navegação igual a este

Mensagem por Gaaratsu em 08/03/11, 06:20 pm

@Goku1500 escreveu:É phpBB Piscada

Olá,

PhpBB não existe. Você quiz dizer PunBB?

As versões são estás 4:


() phpBB2 () phpBB3 () PunBB () Invision
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Colocar menu de navegação igual a este

Mensagem por Goku1500 em 08/03/11, 06:27 pm

A desculpa tava olhando no lugar errado é - phpBB2
avatar

Goku1500
Nível 7

Masculino
Inscrito dia : 20/02/2011
Mensagens : 84
Pontos Ativos : 124

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Colocar menu de navegação igual a este

Mensagem por Gaaratsu em 08/03/11, 06:35 pm

Olá,
Seria melhor você instala-lo, pegar a CSS dele( do menu ) e colar na CSS.


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Colocar menu de navegação igual a este

Mensagem por Goku1500 em 08/03/11, 06:44 pm

Se eu instalar vou perder o que tenho pronto , e não vou saber qual é a parte... Espero que alguem resolva.. Triste
avatar

Goku1500
Nível 7

Masculino
Inscrito dia : 20/02/2011
Mensagens : 84
Pontos Ativos : 124

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Colocar menu de navegação igual a este

Mensagem por Cream em 08/03/11, 06:48 pm

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:
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 {
Abraços.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colocar menu de navegação igual a este

Mensagem por Goku1500 em 08/03/11, 06:58 pm

Nossa... Este código muda o fundo do meu fórum e tira meus Widges Em choque

Quero o dos botões por favor...
avatar

Goku1500
Nível 7

Masculino
Inscrito dia : 20/02/2011
Mensagens : 84
Pontos Ativos : 124

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Colocar menu de navegação igual a este

Mensagem por Cream em 08/03/11, 07:02 pm

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)
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.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colocar menu de navegação igual a este

Mensagem por Goku1500 em 08/03/11, 07:06 pm

Não localizei - Desative a descrição do fórum:
Painel de controle Geral Configuração
avatar

Goku1500
Nível 7

Masculino
Inscrito dia : 20/02/2011
Mensagens : 84
Pontos Ativos : 124

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Colocar menu de navegação igual a este

Mensagem por Gaaratsu em 08/03/11, 07:08 pm

Olá,

Na descrição, tente este código:
Código:
no


Resolveu?


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Colocar menu de navegação igual a este

Mensagem por Cream em 08/03/11, 07:09 pm

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.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colocar menu de navegação igual a este

Mensagem por Goku1500 em 08/03/11, 07:40 pm

Não tem este código para outra versão?

punbb2 ou punbb 3
avatar

Goku1500
Nível 7

Masculino
Inscrito dia : 20/02/2011
Mensagens : 84
Pontos Ativos : 124

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Colocar menu de navegação igual a este

Mensagem por Cream em 08/03/11, 07:45 pm

Olá,

Não existe punBB 2 ou punBB 3.
Só punBB. Lamento.

Posso dar como resolvido?
Abraços.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colocar menu de navegação igual a este

Mensagem por Goku1500 em 08/03/11, 07:46 pm

Ta que seja escrevi errado, não pode dar como resolvido pois não está Piscada

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..
avatar

Goku1500
Nível 7

Masculino
Inscrito dia : 20/02/2011
Mensagens : 84
Pontos Ativos : 124

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Colocar menu de navegação igual a este

Mensagem por Cream em 08/03/11, 07:55 pm

Olá,

Lamento o código que queres é somente para punBB.

Abraços.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colocar menu de navegação igual a este

Mensagem por Goku1500 em 08/03/11, 11:02 pm

Se não tem como Ok, o código funcionou Lucky obrigado Boa sorte ae.
avatar

Goku1500
Nível 7

Masculino
Inscrito dia : 20/02/2011
Mensagens : 84
Pontos Ativos : 124

Ver perfil do usuário http://ajuda.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum